cnhis-design-vue 3.1.12 → 3.1.13-beta.2

package/es/packages/big-table/src/BigTable.vue.d.ts

@@ -1173,7 +1173,10 @@ declare const _default: import("vue").DefineComponent<{
             }, any>>;
             readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
-                heightSmall: string;
+                heightSmall: string; /**
+                 * 单个form提交失败
+                 * @param {*} obj
+                 */
                 heightMedium: string;
                 heightLarge: string;
                 borderRadiusTiny: string;
@@ -1183,10 +1186,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
-                fontSizeLarge: string; /**
-                 * 避免每次点击都查询
-                 * 初始化查一次 行编辑 表单search用
-                 */
+                fontSizeLarge: string;
                 opacityDisabled: string;
                 colorOpacitySecondary: string;
                 colorOpacitySecondaryHover: string;
@@ -1209,9 +1209,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTertiary: string;
                 textColorHover: string;
                 textColorPressed: string;
-                textColorFocus: string; /**
-                 * tsx渲染表格
-                 */
+                textColorFocus: string;
                 textColorDisabled: string;
                 textColorText: string;
                 textColorTextHover: string;
@@ -1292,7 +1290,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorFocusSuccess: string;
                 textColorDisabledSuccess: string;
                 textColorTextSuccess: string;
-                textColorTextHoverSuccess: string; /** string */
+                textColorTextHoverSuccess: string;
                 textColorTextPressedSuccess: string;
                 textColorTextFocusSuccess: string;
                 textColorTextDisabledSuccess: string;

package/es/packages/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -349,7 +349,7 @@ var script = /* @__PURE__ */ defineComponent({
         state.editConfig = Object.assign(state.editConfig, editConfig);
         state.rowConfig.height = 48;
       }
-      state.rowConfig.height = Object.assign(state.rowConfig.height, rowConfig);
+      state.rowConfig = Object.assign(state.rowConfig, rowConfig);
       state.rowConfig.keyField = handleRowId.value;
       if (selectType) {
         isBatchSelect = 1;
@@ -1107,6 +1107,7 @@ var script = /* @__PURE__ */ defineComponent({
       _rowIndex,
       _columnIndex
     }) => {
+      var _a;
       if (state.isTree != 3) {
         return {
           rowspan: 1,
@@ -1120,7 +1121,7 @@ var script = /* @__PURE__ */ defineComponent({
       let colspan = xTree.getTableColumn().tableColumn.length - fristKeyIndex;
       if (xTree) {
         const isOldVxeTree = row.childrenList && row.childrenList.length;
-        const isTransformVxeTree = !row.qianduan_parent_id;
+        const isTransformVxeTree = ((_a = props.tableParams) == null ? void 0 : _a.isTransform) && !row.qianduan_parent_id;
         if (isOldVxeTree || isTransformVxeTree) {
           if (column.treeNode) {
             return {

package/es/packages/fabric-chart/src/hooks/useCenter.js

@@ -95,13 +95,15 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
           if (itemPrev && points1.length === 1) {
             const point = getPoint(itemPrev);
             points1.unshift(point);
-            points2.unshift(point);
           }
-          const pointNext = getPoint(itemNext);
-          const pointNext2 = itemNext2 ? getPoint(itemNext2) : null;
-          if (itemNext && pointNext2 && pointNext.x === pointNext2.x && pointNext.y === pointNext2.y) {
-            points1.push(pointNext);
-            points2.push(pointNext);
+          if (itemNext && itemNext2) {
+            const pointNext = getPoint(itemNext);
+            const pointNext2 = getPoint(itemNext2);
+            if (pointNext.x === pointNext2.x && pointNext.y === pointNext2.y) {
+              points1.push(pointNext);
+            }
+          } else {
+            data.push({ points1, points2 });
           }
         } else {
           if (points1.length && points2.length) {
@@ -116,8 +118,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       const newData = data.reduce((pre, cur) => {
         const arr1 = cur.points1.map((v) => [v.x, v.y]);
         const arr2 = cur.points2.map((v) => [v.x, v.y]);
-        const [, ...newArr2] = arr2;
-        return pre.concat([[...arr1, ...newArr2.reverse()]]);
+        return pre.concat([[...arr1, ...arr2.reverse()]]);
       }, []);
       const { createShadowLines } = useShadow();
       newData.forEach((item) => {

package/es/packages/fabric-chart/src/hooks/useDraw.js

@@ -46,7 +46,11 @@ function drawTextGroup(rectStyle, fontStyle, groupStyle) {
   });
   const texts = new fabric.Text(String(fontStyle.value), {
     ...defaultTextStyle,
-    ...fontStyle
+    ...fontStyle,
+    ...fontStyle.textAlign == "left" ? {
+      originX: "left",
+      left: -(rectStyle.width / 2)
+    } : {}
   });
   return new fabric.Group([rect, texts], {
     ...groupStyle

package/es/packages/fabric-chart/src/hooks/useShadow.js

@@ -101,7 +101,7 @@ function useShadow() {
     let counter = 0;
     let xinters;
     let p1, p2;
-    let pointCount = polygonPoints.length;
+    const pointCount = polygonPoints.length;
     p1 = polygonPoints[0];
     for (let i = 1; i <= pointCount; i++) {
       p2 = polygonPoints[i % pointCount];

package/es/packages/fabric-chart/src/hooks/useTop.js

@@ -35,7 +35,7 @@ function useTop(canvas, propItems) {
       }
       if (item.key == "xScalevalue") {
         drawDay(list, topY);
-        drawTime(list, topY);
+        drawTime(item, list, topY);
       } else {
         propItems[`${item.key}Height`] && drawDate(item, list, topY);
       }
@@ -44,7 +44,7 @@ function useTop(canvas, propItems) {
     group && group.sendToBack();
     group && canvas.value.add(group);
   }
-  function drawTime(list, topY) {
+  function drawTime(item, list, topY) {
     var _a;
     const dayHeight = top.xScalevalue.show ? top.dayHeight || 0 : 0;
     const height = xScalevalueHeight - dayHeight;
@@ -55,7 +55,8 @@ function useTop(canvas, propItems) {
     }, {
       value: top.xScalevalue.title,
       ...defaultTextStyle,
-      ...((_a = top.date) == null ? void 0 : _a.style) || {}
+      ...((_a = top.date) == null ? void 0 : _a.style) || {},
+      ...item.titleStyle || {}
     }, {
       left: iconsWidth,
       top: topY
@@ -115,7 +116,8 @@ function useTop(canvas, propItems) {
     }, {
       value: item.title,
       ...defaultTextStyle,
-      ...(item == null ? void 0 : item.style) || {}
+      ...(item == null ? void 0 : item.style) || {},
+      ...item.titleStyle || {}
     }, {
       left: iconsWidth,
       top: topY

package/es/packages/form-render/src/components/renderer/cascader.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, ArrayAble } from '../../../../../../es/src/types';
+import { AnyObject, ArrayAble, Func } from '../../../../../../es/src/types';
 import { FormRequestType } from '../../types';
 import { PropType } from 'vue';
 declare type DependKeyObj = {
@@ -24,6 +24,9 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
     onChange: {};
     value: {};
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -38,6 +41,9 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
+    onFocus: {
+        type: PropType<Func<any[], any>>;
+    };
     onChange: {};
     value: {};
 }>> & {

package/es/packages/form-render/src/components/renderer/cascader.js

@@ -21,6 +21,9 @@ const script = defineComponent({
     urlConfig: {
       type: Object
     },
+    onFocus: {
+      type: Function
+    },
     onChange: {},
     value: {}
   },
@@ -30,15 +33,12 @@ const script = defineComponent({
     emit
   }) {
     const _options = ref(null);
-    const {
-      title
-    } = useFormField();
     const asyncQueue = inject(InjectAsyncQueue);
     const {
-      field
+      field,
+      title
     } = useFormField();
     async function fetchData(option) {
-      var _a;
       if (!option && _options.value)
         return;
       const config = props.urlConfig;
@@ -48,56 +48,63 @@ const script = defineComponent({
         formRenderLog(`invalid urlConfig (${config}) in CASCADER => ${title.value}`, "warn");
         return;
       }
-      if ((option == null ? void 0 : option.depth) + 1 >= props.deep)
+      if (deepFor(option) + 1 >= props.deep)
         return;
-      const parentDepth = (_a = option == null ? void 0 : option.depth) != null ? _a : -1;
-      const params = {
-        lvlnr: parentDepth + 1 + ""
-      };
-      if (option) {
-        if (!config.dependKey) {
-          formRenderLog(`invalid urlConfig.dependKey ${config.dependKey} in CASCADER => ${title.value}`, "warn");
-          return;
-        }
-        arrayed(config.dependKey).forEach((key) => {
-          if (isString(key)) {
-            params[key] = option[valueKey.value];
-          } else if (isObject(key)) {
-            params[key.paramName] = option[key.paramValue];
-          }
-        });
-      }
       let data = await asyncQueue.addAsync({
-        ...config,
-        key: title.value,
-        params
+        ...createRequestParams(deepFor(option), config, option),
+        key: title.value
       });
       if (!Array.isArray(data)) {
         data = [];
       }
       if (!data.length && isObject(option)) {
         option.isLeaf = true;
-        let currentOption = option;
-        const result2 = [option];
+        updateValue(null, null, getOptionChain(option));
+        show.value = false;
+        return;
+      }
+      const result = data.map((item) => optionNormalize(item, deepFor(option)));
+      option ? option.children = result : _options.value = result;
+      function deepFor(option2) {
+        var _a;
+        return (_a = option2 == null ? void 0 : option2.depth) != null ? _a : -1;
+      }
+      function createRequestParams(deep, config2, option2) {
+        const params = {
+          lvlnr: deep + 1 + ""
+        };
+        if (option2 && config2.dependKey) {
+          arrayed(config2.dependKey).forEach((key) => {
+            if (isString(key)) {
+              params[key] = option2[valueKey.value];
+            } else if (isObject(key)) {
+              params[key.paramName] = option2[key.paramValue];
+            }
+          });
+        }
+        return {
+          params,
+          ...config2
+        };
+      }
+      function getOptionChain(option2) {
+        let currentOption = option2;
+        const result2 = [option2];
         while (currentOption.parent) {
           result2.unshift(currentOption.parent);
           currentOption = currentOption.parent;
         }
-        updateValue(null, null, result2);
-        show.value = false;
-        return;
+        return result2;
       }
-      const result = data.reduce((res, d) => {
-        res.push({
-          [labelKey.value]: d[labelKey.value],
-          [valueKey.value]: d[valueKey.value],
-          depth: parentDepth + 1,
+      function optionNormalize(data2, deep) {
+        return {
+          [labelKey.value]: data2[labelKey.value],
+          [valueKey.value]: data2[valueKey.value],
+          depth: deep + 1,
           parent: option,
-          isLeaf: parentDepth + 2 >= props.deep
-        });
-        return res;
-      }, []);
-      option ? option.children = result : _options.value = result;
+          isLeaf: deep + 2 >= props.deep
+        };
+      }
     }
     const renderOptions = computed(() => {
       return _options.value || props.options || [];
@@ -134,23 +141,28 @@ const script = defineComponent({
       }
     });
     function updateValue(_, __, options) {
-      const payload = Array.isArray(options) ? options.map((option) => ({
-        ...option,
-        label: option[labelKey.value],
-        children: void 0,
-        parent: void 0
-      })) : options;
-      emit("update:value", payload);
+      emit("update:value", options.map(optionSimplify));
+      function optionSimplify(option) {
+        return {
+          ...option,
+          label: option[labelKey.value],
+          children: void 0,
+          parent: void 0
+        };
+      }
     }
     const show = ref(false);
     function updateShow(v) {
       show.value = !!v;
       v && fetchData();
     }
-    function onFocus() {
-      if (isField(field.value)) {
-        field.value.visited = true;
-      }
+    function focusDecorator(onFocus) {
+      return (...args) => {
+        if (isField(field.value)) {
+          field.value.visited = true;
+        }
+        onFocus == null ? void 0 : onFocus(...args);
+      };
     }
     return () => {
       return createVNode(NCascader, {
@@ -163,7 +175,7 @@ const script = defineComponent({
         "options": renderOptions.value,
         "checkStrategy": "child",
         "onLoad": fetchData,
-        "onFocus": onFocus,
+        "onFocus": focusDecorator(props.onFocus),
         "onUpdate:show": updateShow
       }, slots);
     };

package/es/packages/form-render/src/components/renderer/select.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject } from '../../../../../../es/src/types';
+import { AnyObject, Func } from '../../../../../../es/src/types';
 import { FormRequestType } from '../../types';
 import { PropType } from 'vue';
 declare type UrlConfig = {
@@ -20,9 +20,10 @@ export declare const SELECT: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
-    onChange: {
-        type: FunctionConstructor;
+    onFocus: {
+        type: PropType<Func<any[], any>>;
     };
+    onChange: {};
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
@@ -34,9 +35,10 @@ export declare const SELECT: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
-    onChange: {
-        type: FunctionConstructor;
+    onFocus: {
+        type: PropType<Func<any[], any>>;
     };
+    onChange: {};
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/packages/form-render/src/components/renderer/select.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { defineComponent, ref, inject, computed, watch, nextTick, createVNode } from 'vue';
 import { isField } from '@formily/core';
 import { cloneDeep } from 'lodash-es';
 import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../../constants/index.js';
@@ -21,17 +21,17 @@ const script = defineComponent({
     urlConfig: {
       type: Object
     },
-    onChange: {
+    onFocus: {
       type: Function
-    }
+    },
+    onChange: {}
   },
   emits: ["update:value"],
   setup(props, {
     slots,
     emit
   }) {
-    const _options = ref(null);
-    let cachedOptions = null;
+    const remoteOptions = ref(null);
     const lastSearch = ref("");
     const asyncQueue = inject(InjectAsyncQueue);
     const {
@@ -45,54 +45,46 @@ const script = defineComponent({
       });
     }
     async function fetchData(content) {
-      if (content === lastSearch.value) {
-        if (cachedOptions)
-          return;
-      } else {
-        lastSearch.value = content || "";
-      }
+      lastSearch.value = content || "";
+      if (remoteOptions.value)
+        return;
       const config = props.urlConfig;
       if (!config) {
-        return cachedOptions = _options.value = null;
+        return remoteOptions.value = null;
       }
       if (!isObject(config)) {
         formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
-        return cachedOptions = _options.value = null;
-      }
-      if (cachedOptions) {
-        return _options.value = filterOption(cachedOptions, content);
+        return remoteOptions.value = null;
       }
       try {
-        const data = await asyncQueue.addAsync({
-          ...config,
-          key: title.value,
-          params: Object.assign({}, config.params, generateUrlParams(field.value, config.dependKey))
+        remoteOptions.value = await asyncQueue.addAsync({
+          ...createParams(config, field.value),
+          key: title.value
         });
-        _options.value = data.reduce((res, d) => {
-          var _a;
-          if (((_a = d[labelKey.value]) == null ? void 0 : _a.includes(content)) || !content) {
-            res.push(d);
-          }
-          return res;
-        }, []);
-        cachedOptions = _options.value;
       } catch (e) {
-        _options.value = null;
+        remoteOptions.value = null;
+      }
+      function createParams(config2, field2) {
+        return {
+          ...config2,
+          params: Object.assign({}, config2.params, generateUrlParams(field2, config2.dependKey))
+        };
       }
     }
     const parsedOptions = computed(() => {
-      if (_options.value)
-        return _options.value;
+      if (remoteOptions.value)
+        return filterOption(remoteOptions.value, lastSearch.value);
       if (!Array.isArray(props.options))
         return [];
       return filterOption(props.options, lastSearch.value);
     });
     const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
     watch(() => props.urlConfig, (config) => {
-      cachedOptions = null;
-      config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], () => {
-        cachedOptions = null;
-        props.value && fetchData();
+      remoteOptions.value = null;
+      config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], async () => {
+        remoteOptions.value = null;
+        await nextTick();
+        props.value != null && await fetchData();
       });
     }, {
       immediate: true
@@ -121,10 +113,13 @@ const script = defineComponent({
       var _a, _b;
       return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
     });
-    function onFocus() {
-      if (isField(field.value)) {
-        field.value.visited = true;
-      }
+    function focusDecorator(onFocus) {
+      return (...args) => {
+        if (isField(field.value)) {
+          field.value.visited = true;
+        }
+        return onFocus == null ? void 0 : onFocus(...args);
+      };
     }
     return () => createVNode(NSelect, {
       "value": props.value,
@@ -135,7 +130,7 @@ const script = defineComponent({
       "valueField": valueKey.value,
       "onSearch": fetchData,
       "onUpdate:show": (show) => show && fetchData(),
-      "onFocus": onFocus,
+      "onFocus": focusDecorator(props.onFocus),
       "options": parsedOptions.value
     }, slots);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "cnhis-design-vue",
 	"private": false,
-	"version": "3.1.12",
+	"version": "3.1.13-beta.2",
 	"license": "ISC",
 	"module": "es/packages/index.js",
 	"main": "es/packages/index.js",