pro-design-vue 1.3.25 → 1.3.26

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.25 */
+/*! Pro Design Vue v1.3.26 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.3.25";
+  const version$1 = "1.3.26";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -10121,6 +10121,27 @@
     return [innerValue, triggerChange];
   }
 
+  function useFetchData$2(props) {
+    const abortRef = vue.ref(null);
+    const fetchData = async (params, index) => {
+      var _a, _b;
+      (_a = abortRef.value) == null ? void 0 : _a.abort();
+      const abort = new AbortController();
+      abortRef.value = abort;
+      const loadData = await Promise.race([
+        (_b = props.request) == null ? void 0 : _b.call(props, params, index),
+        new Promise((_, reject) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = abortRef.value) == null ? void 0 : _a2.signal) == null ? void 0 : _b2.addEventListener("abort", () => {
+            reject(new Error("aborted"));
+          });
+        })
+      ]);
+      return loadData;
+    };
+    return fetchData;
+  }
+
   const _hoisted_1$g = ["src"];
   var _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     __name: "icon",
@@ -32666,24 +32687,27 @@
     },
     emits: ["closeEditor", "keydown"],
     setup(props) {
+      var _a;
+      const loading = vue.ref(false);
       const tableContext = useInjectTable();
       const level = useInjectLevel();
+      const fetchOptions = vue.ref();
       const columnKey = vue.computed(() => props.column.columnKey);
       const recordIndexs = vue.computed(() => tableContext.getIndexsByKey(props.rowKey));
-      const childrenColumnName = vue.computed(() => tableContext.props.childrenColumnName || "children");
       const valueEnum = vue.computed(() => {
-        var _a;
-        return parsingValueEnumToArray(runFunction((_a = props.column) == null ? void 0 : _a.valueEnum, props.item));
+        var _a2;
+        return parsingValueEnumToArray(runFunction((_a2 = props.column) == null ? void 0 : _a2.valueEnum, props.item));
       });
+      const originValue = get(props.item, props.column.dataIndex);
       const errorList = vue.ref();
       const {
         editRowsMap,
         setEditingCell
       } = useEditInject();
-      const cellValue = vue.computed(() => props.column.dataIndex ? get(!props.isRowEdit ? props.item : props.editRow, props.column.dataIndex) : void 0);
+      const cellValue = vue.computed(() => props.column.dataIndex ? get(props.editRow, props.column.dataIndex) : void 0);
       const cellRender = vue.computed(() => {
-        var _a, _b;
-        return ((_b = (_a = tableContext.allCellProps.value) == null ? void 0 : _a[props.rowKey]) == null ? void 0 : _b[props.column.columnKey]) || {};
+        var _a2, _b;
+        return ((_b = (_a2 = tableContext.allCellProps.value) == null ? void 0 : _a2[props.rowKey]) == null ? void 0 : _b[props.column.columnKey]) || {};
       });
       const cellProps = vue.computed(() => cellRender.value.props || {});
       const cellRowSpan = vue.computed(() => cellProps.value.rowSpan);
@@ -32691,8 +32715,8 @@
         key
       }) => key === columnKey.value));
       const sorterOrder = vue.computed(() => {
-        var _a;
-        return sorterState.value ? (_a = sorterState.value) == null ? void 0 : _a.sortOrder : null;
+        var _a2;
+        return sorterState.value ? (_a2 = sorterState.value) == null ? void 0 : _a2.sortOrder : null;
       });
       const cellClass = vue.computed(() => ({
         [`${props.prefixCls}-cell`]: true,
@@ -32702,26 +32726,41 @@
         [`${props.prefixCls}-cell-hidden`]: cellRowSpan.value === 0,
         [`${props.prefixCls}-column-sort`]: sorterOrder.value
       }));
+      const hasFetchOptions = vue.computed(() => {
+        var _a2, _b, _c;
+        return ((_a2 = props.column.edit) == null ? void 0 : _a2.request) && ((_c = (_b = props.column.edit) == null ? void 0 : _b.dependencies) == null ? void 0 : _c.length);
+      });
       const rules = vue.computed(() => {
-        var _a, _b;
-        return (_b = runFunction((_a = props.column.edit) == null ? void 0 : _a.rules, {
+        var _a2, _b;
+        return (_b = runFunction((_a2 = props.column.edit) == null ? void 0 : _a2.rules, {
           column: props.column,
-          record: props.isRowEdit ? props.editRow : props.item,
+          record: props.editRow,
           recordIndexs: recordIndexs.value,
           newValue: cellValue.value
         })) != null ? _b : [];
       });
       const validateEnabled = vue.computed(() => rules.value.length > 0);
       const editValue = vue.ref();
+      const updateEditedCellValue = (key, value) => {
+        setTimeout(() => {
+          const editRow = {
+            ...props.editRow
+          };
+          set(editRow, key, value);
+          editRowsMap.value[props.rowKey] = editRow;
+          vue.triggerRef(editRowsMap);
+        }, 10);
+      };
       const cellParams = vue.computed(() => ({
         column: props.column,
-        record: !props.isRowEdit ? props.item : props.editRow,
+        record: props.editRow,
         recordIndexs: recordIndexs.value,
-        value: editValue.value
+        value: editValue.value,
+        updateEditedCellValue
       }));
       const editOnListeners = vue.computed(() => {
-        var _a, _b;
-        return ((_b = (_a = props.column.edit) == null ? void 0 : _a.on) == null ? void 0 : _b.call(_a, {
+        var _a2, _b;
+        return ((_b = (_a2 = props.column.edit) == null ? void 0 : _a2.on) == null ? void 0 : _b.call(_a2, {
           ...cellParams.value
         })) || {};
       });
@@ -32734,8 +32773,8 @@
         };
       });
       const options = vue.computed(() => {
-        var _a, _b;
-        return (_b = (_a = editProps.value) == null ? void 0 : _a.options) != null ? _b : valueEnum.value;
+        var _a2, _b, _c;
+        return (_c = (_b = fetchOptions.value) != null ? _b : (_a2 = editProps.value) == null ? void 0 : _a2.options) != null ? _c : valueEnum.value;
       });
       const componentProps = vue.computed(() => {
         const {
@@ -32756,6 +32795,10 @@
             resolve(true);
             return true;
           }
+          if (isEqual(originValue, editValue.value) && !(originValue === void 0 || originValue === null || originValue === "")) {
+            resolve(true);
+            return true;
+          }
           validate(editValue.value, rules.value).then((result) => {
             const list = result == null ? void 0 : result.filter((t) => !t.result);
             if (!list || !list.length) {
@@ -32768,48 +32811,92 @@
           });
         });
       };
-      const onEditChange = (val, ...args) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+      const updateEditRow = () => {
+        const editRow = {
+          ...props.editRow
+        };
+        set(editRow, props.column.dataIndex, editValue.value);
+        editRowsMap.value[props.rowKey] = {
+          ...editRow
+        };
+        vue.triggerRef(editRowsMap);
+      };
+      const fetchData = useFetchData$2({
+        request: (_a = props.column.edit) == null ? void 0 : _a.request
+      });
+      const requestOptions = debounce(async (newRow) => {
+        var _a2, _b;
+        const row = {
+          ...props.item,
+          ...newRow
+        };
         const params = {
-          column: props.column,
-          record: props.isRowEdit ? props.editRow : props.item,
-          recordIndexs: recordIndexs.value,
-          newValue: cellValue.value
+          rowKey: props.rowKey
         };
-        const value = (_c = (_b = (_a = props.column.edit) == null ? void 0 : _a.valueParser) == null ? void 0 : _b.call(_a, params)) != null ? _c : editValue.value;
-        const valueSetter = (_d = props.column.edit) == null ? void 0 : _d.valueSetter;
+        (_b = (_a2 = props.column.edit) == null ? void 0 : _a2.dependencies) == null ? void 0 : _b.forEach((dataIndex) => {
+          const newValue = get(row, dataIndex);
+          set(params, dataIndex, newValue);
+        });
+        loading.value = true;
+        const result = await fetchData(params);
+        fetchOptions.value = result;
+        loading.value = false;
+      }, 200);
+      const onEditChange = (val, ...args) => {
+        var _a2, _b, _c, _d, _e;
+        const valueSetter = (_a2 = props.column.edit) == null ? void 0 : _a2.valueSetter;
         if (valueSetter) {
-          valueSetter(params);
+          valueSetter(cellParams.value);
         } else {
-          (_f = (_e = editProps.value) == null ? void 0 : _e.onChange) == null ? void 0 : _f.call(_e, val, ...args);
-          (_h = (_g = editOnListeners.value) == null ? void 0 : _g.onChange) == null ? void 0 : _h.call(_g, params);
-          if (props.isRowEdit) {
-            const record = {
-              ...props.editRow
-            };
-            set(record, props.column.dataIndex, value);
-            editRowsMap.value[props.rowKey] = record;
-            vue.triggerRef(editRowsMap);
-          } else {
-            let record = {};
-            let dataSource = tableContext.rawData.value || [];
-            recordIndexs.value.forEach((index) => {
-              record = dataSource[index];
-              dataSource = record[childrenColumnName.value] || [];
-            });
-            set(record, props.column.dataIndex, value);
-            vue.triggerRef(tableContext.rawData);
-          }
+          (_c = (_b = editProps.value) == null ? void 0 : _b.onChange) == null ? void 0 : _c.call(_b, val, ...args, cellParams.value);
+          (_e = (_d = editOnListeners.value) == null ? void 0 : _d.onChange) == null ? void 0 : _e.call(_d, cellParams.value);
+          updateEditRow();
         }
         validateEdit();
       };
+      const updateRecordValue = debounce(async (newValue) => {
+        let record = {};
+        let dataSource = tableContext.rawData.value || [];
+        recordIndexs.value.forEach((index) => {
+          record = dataSource[index];
+          dataSource = record[tableContext.childrenColumnName.value] || [];
+        });
+        set(record, props.column.dataIndex, newValue);
+        vue.triggerRef(tableContext.rawData);
+      }, 200);
       vue.watch(cellValue, (value) => {
-        var _a, _b, _c;
-        editValue.value = (_c = (_b = (_a = props.column.edit) == null ? void 0 : _a.valueGetter) == null ? void 0 : _b.call(_a, cellParams.value)) != null ? _c : value;
+        var _a2, _b, _c;
+        editValue.value = (_c = (_b = (_a2 = props.column.edit) == null ? void 0 : _a2.valueGetter) == null ? void 0 : _b.call(_a2, cellParams.value)) != null ? _c : value;
+        if (!props.isRowEdit) {
+          updateRecordValue(value);
+        }
       }, {
         immediate: true
       });
+      vue.watch(() => props.editRow, (newRow, oldRow) => {
+        var _a2, _b;
+        if (hasFetchOptions.value) {
+          const isSame = (_b = (_a2 = props.column.edit) == null ? void 0 : _a2.dependencies) == null ? void 0 : _b.every((dataIndex) => {
+            const newValue = get(newRow, dataIndex);
+            const oldIndex = get(oldRow, dataIndex);
+            return isEqual(newValue, oldIndex);
+          });
+          if (!isSame) {
+            requestOptions(newRow);
+          }
+        }
+      });
       vue.onMounted(() => {
+        var _a2;
+        if (!props.isRowEdit && !editRowsMap.value[props.rowKey]) {
+          editRowsMap.value[props.rowKey] = {
+            ...props.item
+          };
+          vue.triggerRef(editRowsMap);
+        }
+        if ((_a2 = props.column.edit) == null ? void 0 : _a2.request) {
+          requestOptions();
+        }
         setEditingCell({
           recordIndexs: recordIndexs.value,
           column: props.column,
@@ -32821,7 +32908,7 @@
         }, true);
       });
       vue.onUnmounted(() => {
-        var _a, _b, _c;
+        var _a2, _b, _c;
         setEditingCell({
           recordIndexs: recordIndexs.value,
           column: props.column,
@@ -32831,11 +32918,11 @@
           columnKey: props.column.columnKey,
           validateEdit
         }, false);
-        (_c = (_b = (_a = props.column) == null ? void 0 : _a.edit) == null ? void 0 : _b.onEdited) == null ? void 0 : _c.call(_b, cellParams.value);
+        (_c = (_b = (_a2 = props.column) == null ? void 0 : _a2.edit) == null ? void 0 : _b.onEdited) == null ? void 0 : _c.call(_b, cellParams.value);
       });
       return () => {
-        var _a, _b, _c, _d;
-        const Component = (_a = props.column.edit) == null ? void 0 : _a.component;
+        var _a2, _b, _c, _d;
+        const Component = (_a2 = props.column.edit) == null ? void 0 : _a2.component;
         const errorMessage = (_c = (_b = errorList.value) == null ? void 0 : _b[0]) == null ? void 0 : _c.message;
         const inlineError = (_d = props.column.edit) == null ? void 0 : _d.inlineError;
         const tmpEditOnListeners = {
@@ -32873,10 +32960,10 @@
             "class": `${props.prefixCls}-cell-content-error`
           }, [vue.createVNode(CloseCircleFilled, null, null)])],
           content: () => {
-            var _a2;
+            var _a3;
             return vue.createVNode("div", {
               "class": `${props.prefixCls}-cell-content-error-message`
-            }, [(_a2 = errorList.value) == null ? void 0 : _a2.map((error) => vue.createVNode("div", {
+            }, [(_a3 = errorList.value) == null ? void 0 : _a3.map((error) => vue.createVNode("div", {
               "key": error.message
             }, [error.message]))]);
           }
@@ -33833,7 +33920,7 @@
                     record: _ctx.record,
                     onMouseenter: ($event) => _ctx.handleCellHover(_ctx.rowKey, column.columnKey, _ctx.tableContext.draggingRowKey.value),
                     onMouseleave: _ctx.handleCellBlur
-                  }, null, 8, ["prefix-cls", "row-key", "row-index", "type", "column", "expanded", "expandIconType", "support-expand", "record", "onMouseenter", "onMouseleave"])) : column && ((_b = column.edit) == null ? void 0 : _b.component) && _ctx.isCurrentEditRow ? (vue.openBlock(), vue.createBlock(_component_BodyCell, {
+                  }, null, 8, ["prefix-cls", "row-key", "row-index", "type", "column", "expanded", "expandIconType", "support-expand", "record", "onMouseenter", "onMouseleave"])) : column && ((_b = column.edit) == null ? void 0 : _b.component) ? (vue.openBlock(), vue.createBlock(_component_BodyCell, {
                     key: 1,
                     "prefix-cls": _ctx.prefixCls,
                     item: _ctx.record,
@@ -39023,6 +39110,7 @@
   exports.thTHIntl = thTHIntl;
   exports.trTRIntl = trTRIntl;
   exports.ukUAIntl = ukUAIntl;
+  exports.useFetchData = useFetchData$2;
   exports.useIntl = useIntl;
   exports.useIsMobile = useIsMobile;
   exports.useMergedState = useMergedState$1;