chore: merge branch 'next' into 'dev-harmony' (#2577)

* chore: merge branch next into dev-harmony

* fix: rn css

Author: Miles-hxy

.husky/commit-msg

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx --no-install commitlint --edit $1

CHANGELOG.md

@@ -1,3 +1,32 @@
+# v2.6.18
+
+`2024-09-06`
+
+- 🏡 chore: remove deprecated (#2573)
+- 🏡 chore(deps): update dependency marked to v14 (#2532)
+- :sparkles: feat: demos for popup & dialog (#2574)
+- :sparkles: feat: beforeupload (#2567)
+- :bug: fix: remove icons defaultprops (#2571)
+- :bug: fix(input): type props didnot work when equals number|digit (#2563)
+- :bug: fix: dialog
+- :bug: fix(sticky): should rerender when zIndex changes (#2572)
+- :bug: fix(sticky): rerender sticky when threshold change (#2564)
+- :bug: fix(deps): update dependency jscodeshift to v17 (#2534)
+
+# v2.6.17
+
+`2024-08-30`
+
+- 🏡 chore(form): form demo (#2528)
+- 📖 docs(readme): fix pnpm run dev weapp jd dir (#2514)
+- :sparkles: feat(cell): add clickable prop to support click style feedback (#2527)
+- :sparkles: feat(image-preview): 增加索引字段，用于预览内容排序 (#2519)
+- :bug: fix(tabs.taro.tsx): 解决在不需要滚动的时候，切换tab产生tab位置错乱的问题 (#2554)
+- :bug: fix(uploader): beforeUpload should trigger every time before uploading (#2553)
+- :bug: fix(PullToRefresh): 修复PullToRefresh组件disabled属性在taro中无效的问题 (#2538)
+- :bug: fix(uploader): ios 下无法回显的问题修复 (#2550)
+- :bug: fix(uploader): sizeType prop didnot work when weapp || jd (#2526)
+
 # v2.6.16
 
 `2024-08-03`

package.json

@@ -97,8 +97,9 @@
     "*.{ts,tsx,js,md}": "eslint"
   },
   "dependencies": {
-    "@nutui/icons-react": "^1.0.4",
-    "@nutui/icons-react-taro": "^1.0.4",
+    "@babel/runtime": "^7.23.9",
+    "@nutui/icons-react": "^1.0.5",
+    "@nutui/icons-react-taro": "^1.0.5",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
     "@swc/helpers": "^0.5.7",
@@ -173,13 +174,13 @@
     "highlight.js": "^11.9.0",
     "husky": "^9.0.11",
     "inquirer": "^10.1.4",
-    "jscodeshift": "^0.15.1",
+    "jscodeshift": "^17.0.0",
     "linguist-languages": "^7.27.0",
     "lint-staged": "^15.2.2",
     "lzutf8": "0.6.3",
     "map-stream": "0.0.7",
     "markdown-it": "^14.0.0",
-    "marked": "^13.0.3",
+    "marked": "^14.1.1",
     "mobx": "^6.12.0",
     "mobx-react-lite": "^4.0.5",
     "postcss": "^8.4.35",

packages/nutui-codemod/package.json

@@ -28,7 +28,7 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "is-git-clean": "^1.1.0",
-    "jscodeshift": "^0.15.1"
+    "jscodeshift": "^17.0.0"
   },
   "devDependencies": {
     "jest": "^29.7.0",

pnpm-lock.yaml

@@ -10,7 +10,7 @@ shell.exec(
   { silent: true },
   (code, stdout, stderr) => {
     shell.exec(
-      `git log --since="${stdout.replace('\n', '')}" --pretty=format:"%s @%an" next`,
+      `git log --since="${stdout.replace('\n', '')}" --pretty=format:"%s" next`,
       { silent: true },
       (code, stdout, stderr) => {
         const logs = stdout.split('\n')
@@ -43,21 +43,19 @@ shell.exec(
         }
         const logSymbol = {
           build: '* 📦 ',
-          chore: '*🏡 ',
+          chore: '* 🏡 ',
           ci: '* 🤖 ',
           docs: '* 📖 ',
           feat: '* :sparkles: ',
           fix: '* :bug: ',
           perf: '* zap: ',
           refactor: '* 🪵 ',
           revert: '* 🚦 ',
-          style: ':art: ',
+          style: '* :art: ',
           test: '* 💡 ',
           others: '* 🔔 ',
         }
         logs.forEach((log, index) => {
-          // const groups = log.match(/#(?<pr>[0-9]+)/)?.groups
-          // if (groups && groups.pr) {
           if (log.indexOf(beforeTag) === -1) {
             const a = rules.filter((rule) => {
               return log.toLowerCase().startsWith(rule)

scripts/generate-local-changelog.js

@@ -77,6 +77,26 @@
   font-size: 14px;
   color: #505259;
 }
+.nut-cell:active {
+  opacity: 0.7;
+}
+.nut-cell-clickable {
+  cursor: pointer;
+}
+.nut-cell-clickable::before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  background-color: #1a1a1a;
+  border: inherit;
+  border-color: #1a1a1a;
+  border-radius: inherit;
+  transform: translate(-50%, -50%);
+  opacity: 0;
+  content: " ";
+}
 .nut-cell-divider {
   display: flex;
   min-height: 1px;

src/packages/cell/cell.harmony.css

@@ -50,6 +50,26 @@
     font-size: $cell-extra-font-size;
     color: $cell-extra-color;
   }
+  &-clickable:active {
+    opacity: 0.7;
+  }
+  &-clickable {
+    cursor: pointer;
+    &::before {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 100%;
+      height: 100%;
+      background-color: $black;
+      border: inherit;
+      border-color: $black;
+      border-radius: inherit;
+      transform: translate(-50%, -50%);
+      opacity: 0;
+      content: ' ';
+    }
+  }
 
   &-divider {
     display: flex;

src/packages/cell/cell.scss

@@ -13,6 +13,7 @@ export interface CellProps extends BasicComponent {
   extra: ReactNode
   radius: string | number
   align: 'flex-start' | 'center' | 'flex-end'
+  clickable: boolean
   isLast: boolean
   onClick: (
     event: React.MouseEvent<HTMLDivElement, MouseEvent> | ITouchEvent
@@ -26,6 +27,7 @@ const defaultProps = {
   extra: null,
   radius: '6px',
   align: 'flex-start',
+  clickable: false,
   isLast: false,
   onClick: (
     event: React.MouseEvent<HTMLDivElement, MouseEvent> | ITouchEvent
@@ -49,6 +51,7 @@ export const Cell: FunctionComponent<
     isLast,
     className,
     style,
+    clickable,
   } = {
     ...defaultProps,
     ...props,
@@ -73,13 +76,17 @@ export const Cell: FunctionComponent<
   return (
     <>
       <View
-        className={classNames([
-          classPrefix,
-          className,
-          {
-            [`${classPrefix}-group-item`]: ctx?.group,
-          },
-        ])}
+        hoverStyle={{ opacity: clickable ? 0.7 : 1 }}
+        className={`${classNames(
+          [
+            classPrefix,
+            className,
+            {
+              [`${classPrefix}-group-item`]: ctx?.group,
+            },
+          ],
+          clickable ? `${classPrefix}-clickable` : ''
+        )}`}
         onClick={(event) => handleClick(event)}
         style={baseStyle}
       >

src/packages/cell/cell.taro.tsx

@@ -11,7 +11,7 @@ export interface CellProps extends BasicComponent {
   extra: ReactNode
   radius: string | number
   align: 'flex-start' | 'center' | 'flex-end'
-  isLast: boolean
+  clickable: boolean
   onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
 }
 
@@ -22,6 +22,7 @@ const defaultProps = {
   extra: null,
   radius: '6px',
   align: 'flex-start',
+  clickable: false,
   isLast: false,
   onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {},
 } as CellProps
@@ -34,6 +35,7 @@ export const Cell: FunctionComponent<
   const ctx = useContext(CellGroupContext)
   const {
     children,
+    clickable,
     onClick,
     title,
     description,
@@ -63,13 +65,16 @@ export const Cell: FunctionComponent<
   return (
     <>
       <div
-        className={classNames([
-          classPrefix,
-          className,
-          {
-            [`${classPrefix}-group-item`]: ctx?.group,
-          },
-        ])}
+        className={`${classNames(
+          [
+            classPrefix,
+            className,
+            {
+              [`${classPrefix}-group-item`]: ctx?.group,
+            },
+          ],
+          clickable ? `${classPrefix}-clickable` : ''
+        )}`}
         onClick={(event) => handleClick(event)}
         style={baseStyle}
         {...rest}