@cloudbase/weda-ui 3.5.2 → 3.6.0

package/dist/web/utils/range.js

@@ -0,0 +1,61 @@
+// utils for range-like components(progress, slider, rating)
+export function calculatePercentByValueAndBoundary({ value, min, max, }) {
+    let result = (value - min) / (max - min);
+    if (result < 0 || isNaN(result)) {
+        result = 0;
+    }
+    if (result > 1) {
+        result = 1;
+    }
+    result *= 100;
+    return result;
+}
+const DEFAULT_ACCURACY_FIX = 8;
+/**
+ * Split the range into multiple grids by step.
+ * Calculate how many grids current percent has covered.
+ * If the current percent is within a grid, check if it has covered current grid's half, if so, count the current grid.
+ * Return number of covered grids * step as result.
+ */
+function calculateNewValueInRange({ percentInRange, range, step, accuracyFix = DEFAULT_ACCURACY_FIX, }) {
+    // Calculate total grid count in range.
+    const gridCount = Math.floor(range / step);
+    // Turn percent into val.
+    const initVal = (percentInRange / 100) * range;
+    // Calculate how many grids val has fully covered.
+    const initValCoveredGridCount = Math.floor(initVal / step);
+    // The last grid might not be of full width, for example if `range == 10 && step == 3`, the grids' widths are `[3, 3, 3, 1]`.
+    const currentGridWidth = initValCoveredGridCount === gridCount ? range % step : step;
+    const halfCurrentGridWidth = currentGridWidth / 2;
+    // Part of the val is used to fully covered grids.
+    // Calculate the rest part of val to see if we need count 1 more grid.
+    const rest = initVal % step;
+    // If the rest val can cover half of the current grid's width, count this grid.
+    // Try to avoid inaccuracy with toFixed.
+    const result = initValCoveredGridCount * step +
+        (parseFloat(rest.toFixed(accuracyFix)) <
+            parseFloat(halfCurrentGridWidth.toFixed(accuracyFix))
+            ? 0
+            : currentGridWidth);
+    return result;
+}
+export function calculateNextValue({ axisLowerBound, axisHigherBound, coordinate, min, max, step, }) {
+    const resultPercent = calculatePercentByValueAndBoundary({
+        value: coordinate,
+        min: axisLowerBound,
+        max: axisHigherBound,
+    });
+    const resultUnCut = calculateNewValueInRange({
+        percentInRange: resultPercent,
+        range: max - min,
+        step,
+    }) + min;
+    // cut with precision
+    const maxPrecision = Math.max(...[step, max, min].map(getPrecision));
+    const result = Number(resultUnCut.toFixed(maxPrecision));
+    return result;
+}
+function getPrecision(val) {
+    var _a, _b;
+    return (_b = (_a = val.toString().split('.')[1]) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+}

package/dist/web/utils/tool.d.ts

@@ -37,3 +37,13 @@ export declare const filterPropsWithOn: (props: any) => {};
 export declare const deepClone: (value: any) => any;
 /** 兼容旧属性 */
 export declare const convertLegacyProps: <T extends object, K extends keyof T>(map: T, key: K, prop: string) => any;
+/**
+ * 数组转对象，用于遍历
+ */
+export declare const isObj: (v: any) => boolean;
+export declare const isObjHasProp: (obj: any, prop: any) => any;
+export declare const arrayToMap: (list: any, valueProp?: string, labelProp?: any) => Map<any, any>;
+export declare const safeObj: (v: any) => any;
+export declare const setRefProp: (ref: any, name: any, value: any) => void;
+export declare const convertSingleValue: (value: any, single: any) => any;
+export declare function getUrlPath(p: any, f: any): string;

package/dist/web/utils/tool.js

@@ -193,3 +193,51 @@ export const convertLegacyProps = (map, key, prop) => {
     var _a;
     return (_a = map[key][prop]) !== null && _a !== void 0 ? _a : prop;
 };
+/**
+ * 数组转对象，用于遍历
+ */
+export const isObj = (v) => Object.prototype.toString.call(v) === '[object Object]';
+export const isObjHasProp = (obj, prop) => isObj(obj) && Object.prototype.hasOwnProperty.call(obj, prop);
+export const arrayToMap = (list, valueProp = 'value', labelProp) => {
+    const map = new Map();
+    Array.isArray(list) &&
+        list.forEach((item) => {
+            if (isObjHasProp(item, valueProp)) {
+                const key = item[valueProp];
+                const value = labelProp ? item[labelProp] : item;
+                map.set(key, value);
+            }
+        });
+    return map;
+};
+export const safeObj = (v) => {
+    return isObj(v) ? v : {};
+};
+// 同步挂载 ref 值，待完善替代 useImperativeHandle
+export const setRefProp = (ref, name, value) => {
+    if (isObj(ref)) {
+        if (!isObj(ref.current)) {
+            ref.current = {};
+        }
+        ref.current[name] = value;
+    }
+};
+// 兼容单选多选值类型，上传图片/上传文件
+export const convertSingleValue = (value, single) => {
+    let v = value;
+    if (value !== null) {
+        if (single && typeof value !== 'string') {
+            v = null;
+        }
+        else if (!single && !Array.isArray(value)) {
+            v = [];
+        }
+    }
+    return v;
+};
+// 拼接 url
+export function getUrlPath(p, f) {
+    const path = p.endsWith('/') ? p : `${p}/`;
+    const file = f.startsWith('/') ? f.slice(1) : f;
+    return `${path}${file}`;
+}

package/dist/web/utils/widget-api/index.d.ts

@@ -1,5 +1,8 @@
+/// <reference types="react" />
 import type { IWidget } from '../../types';
 export declare function getParentForm($node: IWidget): IWidget | null;
 export declare function useWedaAppContext(): {
     ready: any;
 };
+export declare const FormDetailStatusContext: import("react").Context<string>;
+export declare const useFormDetailContext: () => string;

package/dist/web/utils/widget-api/index.js

@@ -3,6 +3,7 @@ import { useContext, useEffect, useMemo,
 // useState,
  } from 'react';
 import useSWR from 'swr';
+import { createContext } from '../global-context';
 // 查找父表单容器
 export function getParentForm($node) {
     let cur = $node;
@@ -48,3 +49,9 @@ export function useWedaAppContext() {
         return { ready: finalReady };
     }, [finalReady]);
 }
+// 共享子表单状态
+export const FormDetailStatusContext = createContext('edit', 'FormDetailStatusContext');
+export const useFormDetailContext = () => {
+    const status = useContext(FormDetailStatusContext);
+    return status;
+};

package/dist/web/utils/widget-api/use-set-widget-api.d.ts

@@ -0,0 +1,3 @@
+import React, { ForwardedRef } from 'react';
+export declare function useSetWidgetApi<R>(init: () => R | R, deps: React.DependencyList, // deps 要在第二个参数，否则linter会失效
+ref: ForwardedRef<unknown>): void;

package/dist/web/utils/widget-api/use-set-widget-api.js

@@ -0,0 +1,25 @@
+import { useLayoutEffect } from 'react';
+export function useSetWidgetApi(init, deps, // deps 要在第二个参数，否则linter会失效
+ref) {
+    useLayoutEffect(() => {
+        let r;
+        if (typeof init === 'function') {
+            r = init();
+        }
+        else {
+            r = init;
+        }
+        if (typeof ref === 'function') {
+            ref(r);
+        }
+        else if (typeof ref === 'object' && ref !== null) {
+            // ref.current = r; 这样会导致 ref.current 整个变化， 假如 ref.current = {pageSize: 1}
+            // ref.current = {pageSize: 1} 会导致 query重复请求
+            if (Object.prototype.toString.call(ref.current) !== '[object Object]') {
+                ref.current = {};
+            }
+            Object.assign(ref.current, r);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}

package/dist/web/weda-ui.css

@@ -440,6 +440,16 @@ body .weda-ui {
  * END
  */
 
+/*
+覆盖tea 自带form display table，同时保留 那个类防break change {{{
+*/
+.wd-form.wedatea2td-form {
+  display: block;
+}
+/**
+NED }}}
+*/
+
 .weda-input .weui-input {
   font-weight: inherit;
 }
@@ -456,6 +466,38 @@ body .weda-ui {
 .weui-pc-input .pc-input {
   padding-right: 30px;
 }
+
+/* 轻量标准化底层组件 start */
+.wd-form-item .wd-form-item-wrap .wd-form-input-wrap .weui-cell {
+  font-size: var(--wd-font-size-4);
+}
+
+.wd-form-item.wd-pc-form-item
+  .wd-form-item-wrap
+  .wd-form-input-wrap
+  .wedatea2td-dropdown-btn.wedatea2td-dropdown__header:hover {
+  background-color: unset;
+}
+
+.wd-form-item.wd-pc-form-item
+  .wd-form-item-wrap
+  .wedatea2td-dropdown-btn
+  .wedatea2td-dropdown__value {
+  line-height: inherit;
+  font-size: inherit;
+}
+
+.wd-form-item.wd-pc-form-item .wd-form-item-wrap .wedatea2td-cascader__value {
+  font-size: inherit;
+  text-align: inherit;
+}
+
+.wd-form-item.wd-pc-form-item .wedatea2td-dropdown {
+  color: inherit;
+}
+
+/* 轻量标准化底层组件 end */
+
 /* 复写图文展示项样式，解决兼容问题 */
 .wa-comp-CLOUDBASE_STANDARD-Media.lcap-media .weda-ui.lcap-media__left {
   margin: 0;
@@ -466,3 +508,39 @@ body .weda-ui {
 .wa-comp-CLOUDBASE_STANDARD-Header.lcap-header.fixed {
   z-index: 1;
 }
+
+/* ---- theme start */
+:root .wd-btn__margin-right {
+  margin-right: 5px;
+}
+:root .wedatea2td-dropdown-box .wedatea2td-list--option > li.is-selected {
+  color: var(--wd-color-brand, #0052d9);
+  background-color: var(--wd-color-brand-light, #ecf2fe);
+}
+
+:root .weda-picker .weui-btn {
+  background-color: var(--wd-color-brand, #006eff);
+  border-color: var(--wd-color-brand);
+  color: var(--wd-color-text-inverse, #fff);
+}
+
+:root .weda-ui.weda-picker .weui-btn_primary:not(.weui-btn_disabled):active {
+  background-color: var(--wd-color-brand-active);
+}
+/* ---- theme end  */
+
+/* 事件样式 start */
+.wd-pc-root .wd-event-tap:hover {
+  box-shadow: inset 0 -100vh var(--wd-color-bg-hover);
+}
+.wd-event-tap:active {
+  box-shadow: inset 0 -100vh var(--wd-color-bg-active);
+}
+
+/* 规避组件样式: WdButton */
+.wd-pc-root .wd-btn.wd-event-tap:hover,
+.wd-btn.wd-event-tap:active {
+  box-shadow: unset;
+}
+
+/* 事件样式 end  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.5.2",
+  "version": "3.6.0",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -31,6 +31,7 @@
   },
   "scripts": {
     "dev": "tcb lowcode debug",
+    "dev:mp": "npm run dev-mp & npm run dev",
     "develop": "tsc --noEmit false -w",
     "build": "tsc --noEmit false && npm run build-mp && node scripts/build.js",
     "build:cli": "tcb lowcode build",
@@ -53,21 +54,22 @@
     "pretest:all": "rimraf .nyc_output || true",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "lint": "eslint --cache --cache-strategy content --report-unused-disable-directives --max-warnings 175 --ext .js,.jsx,.ts,.tsx .",
+    "lint": "eslint --cache --cache-strategy content --report-unused-disable-directives --max-warnings 165 --ext .js,.jsx,.ts,.tsx .",
     "lint:fix": "npm run lint -- --fix",
     "prepare": "husky install || true",
     "postprepare": "npm run build-mp",
     "build-npm": "rimraf dist && mkdir dist && cp -r src/web dist/ && cp -r src/configs dist/ && cp src/index.js dist/",
     "build-mp": "rimraf mpdist && npx gulp -f tools/build-mp/gulpfile.mjs",
-    "dev-mp:ide": "node tools/dev-mp-in-ide.mjs",
     "dev-mp": "npx gulp dev -f tools/build-mp/gulpfile.mjs",
     "convert-rpx": "npx gulp -f tools/convert-rpx/gulpfile.mjs",
     "clear:snap": "rimraf ./src/test/__snapshots__",
-    "size": "npm run build-mp && npm run build:cli && size-limit",
+    "size": "npm run build-mp && tcb lowcode publish && size-limit",
     "new": "npx hygen comp new",
     "_postinstall": "node tools/post-install.mjs",
     "prepack": "pinst --disable",
-    "postpack": "pinst --enable"
+    "postpack": "pinst --enable",
+    "test:icon": "node tools/publish-icon/test.mjs",
+    "sync-icon": "node tools/publish-icon/sync-icon.mjs"
   },
   "keywords": [
     "weda",
@@ -79,26 +81,26 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
-    "@loadable/component": "^5.15.2",
+    "@loadable/component": "^5.15.3",
     "@react-hookz/web": "^23.0.0",
     "@sinclair/typebox": "^0.29.6",
     "@storybook/addons": "^6.5.16",
     "@tcwd/style-wedatheme": "^1.0.4",
-    "@use-gesture/react": "^10.2.14",
+    "@use-gesture/react": "^10.2.27",
     "await-to-js": "3.0.0",
     "bootstrap": "^5.2.3",
+    "compressorjs": "^1.2.1",
     "dayjs": "^1.10.7",
-    "destr": "^2.0.0",
+    "destr": "^2.0.1",
     "echarts": "^5.3.0",
     "echarts-for-react": "^3.0.2",
     "eslint-plugin-compat": "^4.1.4",
     "jsonexport": "3.2.0",
-    "kedao": "^0.1.24",
     "lodash.get": "^4.4.2",
     "lodash.isequal": "^4.5.0",
     "lodash.set": "^4.3.2",
     "moment": "^2.29.4",
-    "object.fromentries": "^2.0.5",
+    "object.fromentries": "^2.0.7",
     "prop-types": "^15.7.2",
     "qrcode.react": "^3.1.0",
     "react-copy-to-clipboard": "^5.1.0",
@@ -108,7 +110,7 @@
     "react-infinite-scroll-component": "6.1.0",
     "react-transition-group": "^4.4.5",
     "spark-md5": "^3.0.2",
-    "swr": "^2.0.4",
+    "swr": "^2.2.2",
     "tdesign-icons-react": "0.0.8",
     "tea-component": "^2.7.8",
     "uuid": "8.3.2",
@@ -122,22 +124,22 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@cloudbase/cals": "^0.5.19",
-    "@cloudbase/lowcode-cli": "^0.18.3",
-    "@cloudbase/weda-client": "^0.2.45",
+    "@babel/preset-env": "^7.22.15",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.22.15",
+    "@cloudbase/cals": "^1.0.35",
+    "@cloudbase/lowcode-cli": "^0.19.1",
+    "@cloudbase/weda-client": "^1.0.21",
     "@cloudbase/weda-cloud-sdk": "^1.0.26",
     "@commitlint/cli": "^16.0.2",
-    "@commitlint/config-conventional": "^17.0.0",
+    "@commitlint/config-conventional": "^17.7.0",
     "@craco/craco": "^7.1.0",
-    "@cypress/code-coverage": "^3.10.0",
+    "@cypress/code-coverage": "^3.12.1",
     "@cypress/react": "^6.0.0",
     "@cypress/skip-test": "^2.6.1",
     "@cypress/webpack-dev-server": "~2.0.0",
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
-    "@shopify/semaphore": "^3.0.1",
+    "@shopify/semaphore": "^3.0.2",
     "@size-limit/preset-big-lib": "^7.0.8",
     "@storybook/addon-a11y": "^6.5.16",
     "@storybook/addon-actions": "^6.5.16",
@@ -152,13 +154,13 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
-    "@types/glob": "^8.0.0",
+    "@types/glob": "^8.1.0",
     "@types/jest": "^27.5.1",
     "@types/lodash.get": "^4.4.7",
     "@types/lodash.set": "^4.3.7",
-    "@types/make-fetch-happen": "^10.0.0",
+    "@types/make-fetch-happen": "^10.0.1",
     "@types/resize-observer-browser": "^0.1.7",
-    "@types/testing-library__jest-dom": "^5.14.5",
+    "@types/testing-library__jest-dom": "^5.14.9",
     "@typescript-eslint/eslint-plugin": "^5.44.0",
     "@typescript-eslint/parser": "^5.44.0",
     "@welldone-software/why-did-you-render": "^7.0.1",
@@ -170,7 +172,6 @@
     "cypress-wait-until": "^1.7.2",
     "eslint": "^8.45.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-config-tencent": "^1.0.4",
     "eslint-import-resolver-typescript": "^3.5.2",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.27.5",
@@ -180,16 +181,17 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-rulesdir": "^0.2.2",
     "eslint-plugin-storybook": "^0.6.11",
-    "eslint-plugin-tree-shaking": "^1.10.0",
+    "eslint-plugin-tree-shaking": "^1.10.1",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
     "gulp": "^4.0.2",
     "gulp-dart-sass": "^1.0.2",
+    "gulp-json-editor": "^2.6.0",
     "gulp-rename": "^2.0.0",
-    "gulp-replace": "^1.1.3",
-    "husky": "^8.0.1",
+    "gulp-replace": "^1.1.4",
+    "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
-    "is-builtin-module": "^3.2.0",
+    "is-builtin-module": "^3.2.1",
     "jest": "^27.5.1",
     "jest_workaround": "0.1.14",
     "jest-canvas-mock": "^2.4.0",
@@ -210,16 +212,16 @@
     "react-dom": "^17.0.2",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "^17",
-    "recast": "^0.23.3",
+    "recast": "^0.23.4",
     "regenerator-runtime": "^0.13.9",
     "resize-observer-polyfill": "^1.5.1",
     "rimraf": "^3.0.2",
-    "sass": "^1.56.1",
+    "sass": "^1.67.0",
     "size-limit": "^7.0.8",
     "stable-hash": "^0.0.3",
     "start-server-and-test": "^1.14.0",
     "storybook-addon-sass-postcss": "^0.1.3",
-    "storybook-addon-swc": "^1.1.9",
+    "storybook-addon-swc": "^1.2.0",
     "storybook-docs-toc": "^1.7.0",
     "swc-loader": "0.2.3",
     "swc-plugin-coverage-instrument": "^0.0.14",