@opentiny/vue-renderless 3.11.7 → 3.12.0

package/file-upload/vue.js

@@ -1,5 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { downloadFile as ordinaryDownload } from "../upload-list";
+import { formatFileSize } from "../common/string";
 import {
   initService,
   getNewTabPreviewUrl,
@@ -22,6 +23,8 @@ import {
   handleSuccess,
   handleError,
   handleRemove,
+  handleReUpload,
+  handleReUploadTotal,
   onBeforeDestroy,
   submit,
   watchListType,
@@ -54,6 +57,7 @@ import {
   downloadFileSingle,
   downloadFileBatch,
   downloadFileSingleHwh5,
+  downloadAsyncPackage,
   validateDownloadStatus,
   mounted,
   handleChange,
@@ -66,6 +70,7 @@ import {
   handleClickFileList,
   computedSourcetype,
   getFileSourceType,
+  encryptDialogConfirm,
   handleTriggerClick
 } from "./index";
 import { isEmptyObject } from "../common/type";
@@ -82,6 +87,8 @@ const api = [
   "handleSuccess",
   "handleError",
   "handleRemove",
+  "handleReUpload",
+  "handleReUploadTotal",
   "submit",
   "handleClick",
   "getFileUploadUrl",
@@ -91,7 +98,9 @@ const api = [
   "handleChange",
   "abortDownload",
   "handleClickFileList",
-  "handleTriggerClick"
+  "handleTriggerClick",
+  "encryptDialogConfirm",
+  "formatFileSize"
 ];
 const initState = ({ api: api2, reactive, computed, inject, ref, vm, props, httpRequest, service }) => {
   const state = reactive({
@@ -152,7 +161,11 @@ const initState = ({ api: api2, reactive, computed, inject, ref, vm, props, http
     types: computed(() => api2.computedSourcetype()),
     triggerClickType: "",
     visible: false,
-    downloadParamsWhitelist: ["docId", "wmType", "docVersion"]
+    downloadParamsWhitelist: ["docId", "wmType", "docVersion"],
+    encryptDialogConfig: {
+      show: false,
+      selectFileMethod: null
+    }
   });
   return state;
 };
@@ -179,7 +192,7 @@ const initApi = ({ api: api2, state, props, constants, vm, $service, t, Modal })
     ordinaryDownload: ordinaryDownload($service),
     clearUploadingFiles: clearUploadingFiles({ constants, state }),
     calcUploadingFilesInfo: calcUploadingFilesInfo({ state, constants }),
-    properFileSize: properFileSize({ props, state, constants, Modal, t }),
+    properFileSize: properFileSize({ props, state, api: api2, constants, Modal, t }),
     mounted: mounted({ vm, state }),
     previewFileSingle: previewFileSingle({ api: api2, state, props, constants, service: $service }),
     previewFileBatch: previewFileBatch({ service: $service, props, state, api: api2 }),
@@ -188,7 +201,9 @@ const initApi = ({ api: api2, state, props, constants, vm, $service, t, Modal })
     abortDownload: abortDownload({ state }),
     createDownloadCancelToken: createDownloadCancelToken({ state, service: $service }),
     computedSourcetype: computedSourcetype({ props, constants }),
-    getFileSourceType: getFileSourceType({ state, props, constants })
+    getFileSourceType: getFileSourceType({ state, props, constants }),
+    encryptDialogConfirm: encryptDialogConfirm({ state }),
+    formatFileSize
   });
 };
 const mergeApi = ({ api: api2, props, $service, state, constants, emit, mode, Modal, t, vm, CryptoJS, Streamsaver }) => {
@@ -206,9 +221,11 @@ const mergeApi = ({ api: api2, props, $service, state, constants, emit, mode, Mo
     batchSegmentUpload: batchSegmentUpload({ api: api2, constants, props, vm, state }),
     largeDocumentUpload: largeDocumentUpload({ api: api2, Modal, state, emit, constants, t }),
     handleProgress: handleProgress({ api: api2, constants, emit, state }),
-    handleSuccess: handleSuccess({ api: api2, constants, emit, props, state }),
-    handleError: handleError({ api: api2, constants, emit, state }),
+    handleSuccess: handleSuccess({ api: api2, constants, emit, Modal, props, state, t }),
+    handleError: handleError({ api: api2, constants, emit, state, props }),
     handleRemove: handleRemove({ api: api2, emit, props, state, constants }),
+    handleReUpload: handleReUpload({ vm, constants }),
+    handleReUploadTotal: handleReUploadTotal(api2),
     updateUrl: updateUrl({ api: api2, props, state }),
     startUpload: startUpload({ api: api2, state, constants, vm, Modal, t }),
     beforeUpload: beforeUpload({ api: api2, props, Modal, constants, t, state }),
@@ -225,6 +242,7 @@ const mergeApi = ({ api: api2, props, $service, state, constants, emit, mode, Mo
     downloadFileSingle: downloadFileSingle({ service: $service, constants, props, state, api: api2, emit }),
     downloadFileBatch: downloadFileBatch({ api: api2, service: $service, props, state, emit }),
     downloadFileSingleHwh5: downloadFileSingleHwh5({ state, props, emit, constants }),
+    downloadAsyncPackage: downloadAsyncPackage({ state, props, api: api2, constants, service: $service }),
     validateDownloadStatus: validateDownloadStatus({ state, Modal }),
     handleChange: handleChange({ vm, constants }),
     handleClickFileList: handleClickFileList({ state, emit }),

package/filter/index.js

@@ -13,8 +13,9 @@ const resize = ({ state, vm, props }) => () => {
     }
   }
 };
-const panelToggle = ({ state, props, api }) => (index) => {
+const panelToggle = ({ state, props, api, emit }) => (index) => {
   const { modelValue } = props;
+  emit("panel", { index, modelValue });
   if (index === "filter") {
     state.showPanelIndex = -1;
     state.filterPanel.show = !state.filterPanel.show;

package/filter/vue.js

@@ -44,7 +44,7 @@ const renderless = (props, { reactive, computed, onMounted, onBeforeUnmount }, {
   });
   Object.assign(api2, {
     state,
-    panelToggle: panelToggle({ state, props, api: api2 }),
+    panelToggle: panelToggle({ state, props, api: api2, emit }),
     filterSelectOption: filterSelectOption({ state, props, emit, api: api2 }),
     filterConfirm: filterConfirm({ state, props, emit }),
     selectOption: selectOption({ state, props, emit, api: api2 }),

package/form-item/index.js

@@ -85,10 +85,10 @@ const computedContentStyle = ({ props, state }) => () => {
   }
   return result;
 };
-const computedForm = ({ constants, instance, state }) => () => {
+const computedForm = ({ constants, vm, state }) => () => {
   var _a, _b, _c;
   const { FORM_NAME, FORM_ITEM_NAME } = constants;
-  let parent = (_a = instance.$parent) == null ? void 0 : _a.$parent;
+  let parent = (_a = vm.$parent) == null ? void 0 : _a.$parent;
   let parentName = (_b = parent == null ? void 0 : parent.$options) == null ? void 0 : _b.componentName;
   while (parent && parentName !== FORM_NAME) {
     if (parentName === FORM_ITEM_NAME) {
@@ -153,16 +153,10 @@ const computedFieldValue = ({ props, state }) => () => {
   }
   return getPropByPath(model, path, true).v;
 };
-const mounted = ({
-  api,
-  instance,
-  props,
-  state,
-  refs
-}) => () => {
-  state.tooltip = refs.tooltip;
+const mounted = ({ api, vm, props, state }) => () => {
+  state.tooltip = vm.$refs.tooltip;
   if (props.prop) {
-    api.dispatch("Form", "form:addField", instance);
+    api.dispatch("Form", "form:addField", vm);
     let initialValue = state.fieldValue;
     if (Array.isArray(initialValue)) {
       initialValue = [].concat(initialValue);
@@ -171,14 +165,14 @@ const mounted = ({
     api.addValidateEvents();
   }
 };
-const unmounted = ({ api, instance, state }) => () => {
+const unmounted = ({ api, vm, state }) => () => {
   state.canShowTip = false;
-  api.dispatch("Form", "form:removeField", instance);
+  api.dispatch("Form", "form:removeField", vm);
 };
 const validate = ({ api, props, state, t }) => (trigger, callback = () => void 0) => {
   state.validateDisabled = false;
   const rules = api.getFilteredRule(trigger);
-  if ((!rules || rules.length === 0) && props.required === void 0) {
+  if ((!rules || rules.length === 0) && props.required === void 0 || props.validateDisabled) {
     callback();
     return;
   }
@@ -271,24 +265,24 @@ const onFieldChange = ({ api, state }) => () => {
 const updateComputedLabelWidth = (state) => (width) => {
   state.computedLabelWidth = width ? `${width}px` : "";
 };
-const addValidateEvents = ({ api, instance, props, state }) => () => {
+const addValidateEvents = ({ api, vm, props, state }) => () => {
   const rules = api.getRules();
   if (rules.length || props.required !== void 0) {
     const manual = props.manual || (state.formInstance ? state.formInstance.manual : false);
     if (!manual) {
-      instance.$on("form.blur", api.onFieldBlur);
-      instance.$on("form.change", api.onFieldChange);
+      vm.$on("form.blur", api.onFieldBlur);
+      vm.$on("form.change", api.onFieldChange);
     }
   }
 };
-const removeValidateEvents = (instance) => () => {
-  instance.$off();
+const removeValidateEvents = (vm) => () => {
+  vm.$off();
 };
-const updateTip = ({ refs, state }) => () => {
+const updateTip = ({ vm, state }) => () => {
   if (state.getValidateType !== "tip" && !state.canShowTip) {
     return;
   }
-  const tooltip = refs.tooltip;
+  const tooltip = vm.$refs.tooltip;
   if (!tooltip) {
     return;
   }
@@ -341,6 +335,14 @@ const handleMouseenter = ({ state }) => (e) => {
     state.form.showTooltip(dom, state.displayedValue);
   }
 };
+const handleLabelMouseenter = ({ props, state, slots }) => (e) => {
+  if (!state.form.overflowTitle || !state.form || slots.label)
+    return;
+  const label = e.target;
+  if (label && label.scrollWidth > label.offsetWidth) {
+    state.form.showTooltip(label, props.label + state.form.labelSuffix);
+  }
+};
 const handleMouseleave = (state) => () => {
   state.form && state.form.hideTooltip();
 };
@@ -375,6 +377,7 @@ export {
   getPropByPath,
   getRules,
   getValueByPath,
+  handleLabelMouseenter,
   handleMouseenter,
   handleMouseleave,
   mounted,

package/form-item/vue.js

@@ -28,6 +28,7 @@ import {
   wrapValidate,
   getDisplayedValue,
   clearDisplayedValue,
+  handleLabelMouseenter,
   handleMouseenter,
   handleMouseleave
 } from "./index";
@@ -45,6 +46,7 @@ const api = [
   "removeValidateEvents",
   "updateTip",
   "getDisplayedValue",
+  "handleLabelMouseenter",
   "handleMouseenter",
   "handleMouseleave"
 ];
@@ -88,7 +90,6 @@ const initState = ({
     isDisplayOnly: computed(() => state.formInstance.displayOnly),
     labelPosition: computed(() => state.formInstance.labelPosition),
     hideRequiredAsterisk: computed(() => state.formInstance.state.hideRequiredAsterisk),
-    // isErrorInline: computed(() => state.formInstance.state.isErrorInline),
     labelSuffix: computed(() => state.formInstance.labelSuffix),
     labelWidth: computed(() => state.formInstance.labelWidth),
     showMessage: computed(() => state.formInstance.showMessage),
@@ -100,18 +101,18 @@ const initState = ({
   });
   return state;
 };
-const initApi = ({ api: api2, state, dispatch, broadcast, refs, props, constants, instance, t, nextTick }) => {
+const initApi = ({ api: api2, state, dispatch, broadcast, props, constants, vm, t, nextTick, slots }) => {
   Object.assign(api2, {
     state,
     dispatch,
     broadcast,
     watchError: watchError(state),
-    updateTip: updateTip({ refs, state }),
+    updateTip: updateTip({ vm, state }),
     watchValidateStatus: watchValidateStatus(state),
     computedLabelStyle: computedLabelStyle({ props, state }),
     computedValueStyle: computedValueStyle({ props, state }),
     computedContentStyle: computedContentStyle({ props, state }),
-    computedForm: computedForm({ constants, instance, state }),
+    computedForm: computedForm({ constants, vm, state }),
     computedFieldValue: computedFieldValue({ props, state }),
     computedGetValidateType: computedGetValidateType({ props, state }),
     computedValidateIcon: computedValidateIcon({ props, state }),
@@ -120,18 +121,19 @@ const initApi = ({ api: api2, state, dispatch, broadcast, refs, props, constants
     clearValidate: clearValidate(state),
     getRules: getRules({ props, state }),
     updateComputedLabelWidth: updateComputedLabelWidth(state),
-    removeValidateEvents: removeValidateEvents(instance),
-    unmounted: unmounted({ api: api2, instance, state }),
-    mounted: mounted({ api: api2, instance, props, state, refs }),
+    removeValidateEvents: removeValidateEvents(vm),
+    unmounted: unmounted({ api: api2, vm, state }),
+    mounted: mounted({ api: api2, vm, props, state }),
     computedIsRequired: computedIsRequired({ api: api2, state }),
     resetField: resetField({ api: api2, nextTick, props, state }),
     getFilteredRule: getFilteredRule(api2),
     onFieldBlur: onFieldBlur(api2),
     onFieldChange: onFieldChange({ api: api2, state }),
-    addValidateEvents: addValidateEvents({ api: api2, instance, props, state }),
+    addValidateEvents: addValidateEvents({ api: api2, vm, props, state }),
     validate: wrapValidate({ validateFunc: validate({ api: api2, props, state, t }), props }),
     getDisplayedValue: getDisplayedValue({ state }),
     clearDisplayedValue: clearDisplayedValue({ state }),
+    handleLabelMouseenter: handleLabelMouseenter({ props, state, slots }),
     handleMouseenter: handleMouseenter({ state }),
     handleMouseleave: handleMouseleave(state)
   });
@@ -141,14 +143,14 @@ const initWatch = ({ watch, api: api2, props, state }) => {
   watch(() => props.validateStatus, api2.watchValidateStatus);
   watch(() => state.formInstance.displayOnly, api2.clearDisplayedValue);
 };
-const renderless = (props, { computed, inject, onMounted, onUnmounted, provide, reactive, watch }, { vm: instance, constants, t, nextTick, refs, broadcast, dispatch, mode }) => {
+const renderless = (props, { computed, inject, onMounted, onUnmounted, provide, reactive, watch }, { vm, constants, t, nextTick, broadcast, dispatch, mode, slots }) => {
   const api2 = {};
   const state = initState({ reactive, computed, api: api2, mode, inject, props });
-  provide("formItem", instance);
-  initApi({ api: api2, state, dispatch, broadcast, refs, props, constants, instance, t, nextTick });
+  provide("formItem", vm);
+  initApi({ api: api2, state, dispatch, broadcast, props, constants, vm, t, nextTick, slots });
   initWatch({ watch, api: api2, props, state });
   onMounted(api2.mounted);
-  instance.$on("displayed-value-changed", (param) => {
+  vm.$on("displayed-value-changed", (param) => {
     api2.getDisplayedValue(param);
   });
   onUnmounted(api2.unmounted);

package/grid/plugins/export.js

@@ -81,14 +81,6 @@ const downloadCsc = (options, content) => {
   }
   if (navigator.msSaveBlob && window.Blob) {
     navigator.msSaveBlob(new Blob([content], { type: "text/csv;charset=utf-8" }), options.filename);
-  } else if (browser.name === "ie") {
-    const win = window.top.open("about:blank", "_blank");
-    win.opener = null;
-    win.document.charset = "utf-8";
-    win.document.write(content);
-    win.document.close();
-    win.document.execCommand("SaveAs", options.filename);
-    win.close();
   } else {
     const linkElem = document.createElement("a");
     linkElem.target = "_blank";

package/grid/utils/common.js

@@ -1,5 +1,6 @@
-import "../../chunk-G2ADBYYC.js";
-import { extend } from "../../common/object";
+import {
+  __spreadValues
+} from "../../chunk-G2ADBYYC.js";
 import { isNull } from "../../common/type";
 import { find } from "../../common/array";
 import { get, isFunction, set, findTree } from "../static";
@@ -27,21 +28,17 @@ const getFilters = (filters) => (filters || []).map(({ label, value, data, check
   checked: !!checked
 }));
 const initFilter = (filter) => {
-  return extend(
-    {
-      condition: {
-        input: "",
-        relation: "equals",
-        empty: null,
-        type: null,
-        value: []
-      },
-      hasFilter: false,
-      custom: null
+  return __spreadValues({
+    condition: {
+      input: "",
+      relation: "equals",
+      empty: null,
+      type: null,
+      value: []
     },
-    filter,
-    true
-  );
+    hasFilter: false,
+    custom: null
+  }, filter);
 };
 const formatText = (value) => `${isNull(value) ? "" : value}`;
 const setCellValue = (row, column, value) => {

package/image-viewer/index.js

@@ -529,7 +529,7 @@ const touchmove = (state) => (event) => {
   clearTimeout(state.time);
 };
 const touchend = (state) => (e) => {
-  var moveX = 0;
+  let moveX = 0;
   state.endX = e.changedTouches[0].clientX;
   moveX = state.endX - state.firstX;
   if (!state.boxVisibility) {

package/ip-address/index.js

@@ -6,7 +6,9 @@ const ipValidator = ({ props, api }) => (value) => {
   let result = true;
   if (props.type) {
     if (api.isIP6(props.type)) {
-      result = /^(((([\da-fA-F]{1,4}):){7}([\da-fA-F]{1,4}))|(((([\da-fA-F]{1,4}):){1,7}:)|((([\da-fA-F]{1,4}):){6}:([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){5}:(([\da-fA-F]{1,4}):)?([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):){0,2}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,3}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,4}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){1}:(([\da-fA-F]{1,4}):){0,5}([\da-fA-F]{1,4}))|(::(([\da-fA-F]{1,4}):){0,6}([\da-fA-F]{1,4}))|(::([\da-fA-F]{1,4})?))|(((([\da-fA-F]{1,4}):){6}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){5}:(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):)?(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,2}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,3}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(([\da-fA-F]{1,4})::(([\da-fA-F]{1,4}):){0,4}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(::(([\da-fA-F]{1,4}):){0,5}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))))$/.test(value);
+      result = /^(((([\da-fA-F]{1,4}):){7}([\da-fA-F]{1,4}))|(((([\da-fA-F]{1,4}):){1,7}:)|((([\da-fA-F]{1,4}):){6}:([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){5}:(([\da-fA-F]{1,4}):)?([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):){0,2}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,3}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,4}([\da-fA-F]{1,4}))|((([\da-fA-F]{1,4}):){1}:(([\da-fA-F]{1,4}):){0,5}([\da-fA-F]{1,4}))|(::(([\da-fA-F]{1,4}):){0,6}([\da-fA-F]{1,4}))|(::([\da-fA-F]{1,4})?))|(((([\da-fA-F]{1,4}):){6}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){5}:(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){4}:(([\da-fA-F]{1,4}):)?(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){3}:(([\da-fA-F]{1,4}):){0,2}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|((([\da-fA-F]{1,4}):){2}:(([\da-fA-F]{1,4}):){0,3}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(([\da-fA-F]{1,4})::(([\da-fA-F]{1,4}):){0,4}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))|(::(([\da-fA-F]{1,4}):){0,5}(((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5]))\.){3}((1?[1-9]?\d)|(10\d)|(2[0-4]\d)|(25[0-5])))))$/.test(
+        value
+      );
     } else if (api.isIP4(props.type)) {
       result = /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/.test(value);
     }
@@ -61,7 +63,7 @@ const setValue = ({ api, props, state }) => (value) => {
               insertIndex = index;
             }
           });
-          for (var i = 0; i <= 8 - state.address.length; i++) {
+          for (let i = 0; i <= 8 - state.address.length; i++) {
             state.address.splice(insertIndex, 0, { value: "0000" });
           }
         }
@@ -70,7 +72,8 @@ const setValue = ({ api, props, state }) => (value) => {
       }
     }
   } else {
-    state.address = api.isIP6(props.type) ? new Array(8).fill({ value: "" }) : new Array(4).fill({ value: "" });
+    const createValue = () => ({ value: "" });
+    state.address = api.isIP6(props.type) ? new Array(8).fill("").map(createValue) : new Array(4).fill("").map(createValue);
   }
 };
 const activeEvent = ({ emit, parent, state, index, event, type }) => {

package/menu/index.js

@@ -0,0 +1,127 @@
+import "../chunk-G2ADBYYC.js";
+import { cloneDeep } from "../chart-core/deps/utils";
+const filterInput = ({ state }) => (val) => {
+  state.filterValue = val;
+};
+const setIsCurrent = ({ props, vm, state }) => (data, node) => {
+  if (props.onlyCheckChildren && node.children)
+    return;
+  const nodeId = node.id;
+  if (state.filterValue && state.filterData.length) {
+    getIsCurrent(vm, { children: state.filterData }, nodeId);
+    state.activedKeys = nodeId;
+  } else {
+    getIsCurrent(vm, { children: data }, nodeId);
+    state.filterCheckedId = null;
+  }
+  state.activedNodeId = nodeId;
+  if (props.onlyCheckChildren) {
+    state.currentPaths = findPaths(data, nodeId);
+  }
+};
+const getIsCurrent = (vm, node, nodeId) => {
+  if (!node.children)
+    return;
+  for (let i = 0; i < node.children.length; i++) {
+    const isCurrentNode = node.children[i].id === nodeId;
+    vm.$set(node.children[i], "isCurrent", isCurrentNode);
+    getIsCurrent(vm, node.children[i], nodeId);
+  }
+};
+const filterNodes = ({ state, api, nextTick }) => (label) => {
+  if (label !== "") {
+    state.filterData = filterTree(cloneDeep(state.data), label);
+  } else {
+    state.filterData = [];
+    if (state.activedKeys) {
+      api.getActivedKeysPath(state.activedKeys);
+      nextTick(() => {
+        api.setIsCurrent(state.data, { id: state.activedKeys });
+      });
+    }
+  }
+};
+const getExpandedKeysPath = ({ state }) => (keys) => {
+  const paths = [];
+  const len = keys.length;
+  for (let i = 0; i < len; i++) {
+    if (!paths.includes(keys[i])) {
+      paths.push(...findPaths(state.data, keys[i]));
+    }
+  }
+  state.expandedKeysPath = paths;
+};
+const getActivedKeysPath = ({ state }) => (key) => {
+  if (key !== null && key !== void 0) {
+    state.activedKeysPath = findPaths(state.data, key) || [];
+  }
+};
+const setNodeHidden = ({ props, vm, state }) => (nodeId) => {
+  if (state.filterValue && state.filterData.length) {
+    hiddenNode(vm, state.filterData, nodeId);
+  }
+  if (props.expandAll && !state.filterValue) {
+    hiddenNode(vm, state.data, nodeId);
+  }
+};
+const setAllNodeVisible = ({ vm, state }) => () => {
+  setNodeVisible(vm, state.data);
+};
+const setNodeVisible = (vm, nodes) => {
+  if (!nodes)
+    return;
+  for (let i = 0; i < nodes.length; i++) {
+    vm.$set(nodes[i], "visible", true);
+    if (nodes[i].children) {
+      setNodeVisible(vm, nodes[i].children);
+    }
+  }
+};
+const existChildren = (node) => node.children && node.children.length;
+const filterTree = (nodes, label) => {
+  const result = [];
+  for (const node of nodes) {
+    if (existChildren(node)) {
+      node.children = filterTree(node.children, label);
+    }
+    if (node.label.includes(label) || existChildren(node)) {
+      node.visible = true;
+      result.push(node);
+    }
+  }
+  return result;
+};
+const hiddenNode = (vm, nodes, nodeId) => {
+  if (!nodes)
+    return;
+  for (let i = 0; i < nodes.length; i++) {
+    if (nodes[i].id === nodeId) {
+      vm.$set(nodes[i], "visible", false);
+    }
+    if (nodes[i].children) {
+      hiddenNode(vm, nodes[i].children, nodeId);
+    }
+  }
+};
+const findPaths = (nodes, nodeId) => {
+  for (let i in nodes) {
+    if (nodes[i].id === nodeId) {
+      return [nodes[i].id];
+    }
+    if (nodes[i].children) {
+      let res = findPaths(nodes[i].children, nodeId);
+      if (res) {
+        return res.concat(nodes[i].id);
+      }
+    }
+  }
+};
+export {
+  filterInput,
+  filterNodes,
+  getActivedKeysPath,
+  getExpandedKeysPath,
+  setAllNodeVisible,
+  setIsCurrent,
+  setNodeHidden
+};

package/menu/vue.js

@@ -0,0 +1,90 @@
+import "../chunk-G2ADBYYC.js";
+import {
+  setIsCurrent,
+  filterNodes,
+  getExpandedKeysPath,
+  getActivedKeysPath,
+  setNodeHidden,
+  setAllNodeVisible,
+  filterInput
+} from "./index";
+import debounce from "../common/deps/debounce";
+const api = ["state", "setIsCurrent", "filterNodes", "filterInput"];
+const renderless = (props, { reactive, watch, onMounted, computed }, { vm, emit, nextTick }) => {
+  const api2 = {};
+  const state = reactive({
+    isEmpty: computed(() => props.data.length !== 0 && state.filterValue && state.filterData.length === 0),
+    activedNodeId: null,
+    filterCheckedId: null,
+    activedKeys: props.activedKeys,
+    expandedKeysPath: [],
+    activedKeysPath: [],
+    filterText: "",
+    filterValue: "",
+    currentPaths: [],
+    filterData: [],
+    data: props.data
+  });
+  Object.assign(api2, {
+    state,
+    setIsCurrent: setIsCurrent({ props, vm, state, emit, nextTick }),
+    filterNodes: debounce(100, filterNodes({ vm, state, api: api2, nextTick })),
+    setNodeHidden: setNodeHidden({ props, vm, state }),
+    getActivedKeysPath: getActivedKeysPath({ state }),
+    getExpandedKeysPath: getExpandedKeysPath({ state }),
+    setAllNodeVisible: setAllNodeVisible({ vm, state }),
+    filterInput: filterInput({ state })
+  });
+  watch(
+    () => props.expandAll,
+    () => {
+      props.expandAll && api2.setAllNodeVisible();
+    },
+    { immediate: true }
+  );
+  watch(
+    () => state.filterValue,
+    () => {
+      api2.filterNodes(state.filterValue);
+    }
+  );
+  watch(
+    () => props.expandedKeys,
+    () => {
+      if (props.expandedKeys && props.expandedKeys.length) {
+        api2.getExpandedKeysPath(props.expandedKeys);
+      }
+    },
+    { deep: true, immediate: true }
+  );
+  watch(
+    () => props.activedKeys,
+    () => {
+      state.activedKeys = props.activedKeys;
+      api2.getActivedKeysPath(props.activedKeys);
+    },
+    { immediate: true }
+  );
+  watch(
+    () => props.data,
+    () => {
+      state.data = props.data;
+    },
+    { deep: true, immediate: true }
+  );
+  onMounted(() => {
+    vm.$on("node-clicked", (param) => {
+      api2.setNodeHidden(param.id);
+      vm.$emit("node-click", param);
+    });
+    vm.$on("node-changed", (param) => {
+      vm.$emit("current-change", param);
+      api2.setIsCurrent(state.data, param);
+    });
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/menu-node/index.js

@@ -0,0 +1,12 @@
+import "../chunk-G2ADBYYC.js";
+const handelNodeClick = ({ state, dispatch }) => (node) => {
+  dispatch("Menu", "node-clicked", node);
+  if (node.disabled)
+    return;
+  state.showNodes = !state.showNodes;
+  state.activeNodeId = node.id;
+  dispatch("Menu", "node-changed", node);
+};
+export {
+  handelNodeClick
+};