bkui-vue 0.0.1-beta.60 → 0.0.1-beta.61

package/dist/index.esm.js

@@ -12563,12 +12563,12 @@ const tableProps = {
     width: PropTypes.oneOfType([PropTypes.number.def(void 0), PropTypes.string.def("auto")]),
     type: PropTypes.commonType(["selection", "index", "expand", "none"], "columnType").def("none"),
     sort: PropTypes.oneOfType([PropTypes.shape({
-      sortFn: PropTypes.func.def(null),
+      sortFn: PropTypes.func.def(void 0),
       sortScope: PropTypes.commonType(Object.values(SortScope)).def("current")
     }), PropTypes.bool]).def(false),
     filter: PropTypes.oneOfType([PropTypes.shape({
       list: PropTypes.arrayOf(PropTypes.any).def([]),
-      filterFn: PropTypes.func.def(null)
+      filterFn: PropTypes.func.def(void 0)
     }), PropTypes.bool]).def(false)
   })),
   activeColumn: PropTypes.oneOfType([PropTypes.number.def(-1), PropTypes.arrayOf(PropTypes.number.def(-1))]),
@@ -12582,7 +12582,7 @@ const tableProps = {
   thead: PropTypes.shape({
     height: PropTypes.number.def(40),
     isShow: PropTypes.bool.def(true),
-    cellFn: PropTypes.func.def(null)
+    cellFn: PropTypes.func.def(void 0)
   }),
   virtualEnabled: PropTypes.bool.def(false),
   border: PropTypes.arrayOf(PropTypes.commonType(BORDER_OPRIONS, "border")).def(["row"]),
@@ -12590,11 +12590,11 @@ const tableProps = {
   remotePagination: PropTypes.bool.def(false),
   emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E"),
   settings: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-    fields: PropTypes.shape([]).def([]),
-    checked: PropTypes.shape([]).def([]),
-    limit: PropTypes.number.def(null),
+    fields: PropTypes.shape([]).def(void 0),
+    checked: PropTypes.shape([]).def(void 0),
+    limit: PropTypes.number.def(void 0),
     size: PropTypes.size(["small", "default", "large"]).def("default"),
-    sizeList: PropTypes.shape([]).def(null)
+    sizeList: PropTypes.shape([]).def(void 0)
   })]).def(false)
 };
 function _isSlot$2(s2) {
@@ -13236,10 +13236,10 @@ var Settings = defineComponent({
   name: "Settings",
   props: {
     settings: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-      fields: PropTypes.shape([]).def([]),
-      checked: PropTypes.shape([]).def([]),
-      limit: PropTypes.number.def(null),
-      size: PropTypes.string.def(null)
+      fields: PropTypes.shape([]).def(void 0),
+      checked: PropTypes.shape([]).def(void 0),
+      limit: PropTypes.number.def(void 0),
+      size: PropTypes.string.def(void 0)
     })]).def(false),
     columns: PropTypes.array.def([]),
     rowHeight: PropTypes.number.def(40)
@@ -20239,7 +20239,7 @@ const Transfer = withInstall(Component$1);
 const treeProps = {
   data: PropTypes.arrayOf(PropTypes.any).def([]),
   label: PropTypes.oneOfType([PropTypes.func.def(void 0), PropTypes.string.def("label")]),
-  nodeKey: PropTypes.string.def(null),
+  nodeKey: PropTypes.string.def(void 0),
   children: PropTypes.string.def("children"),
   indent: PropTypes.number.def(18),
   lineHeight: PropTypes.number.def(32),
@@ -20255,50 +20255,12 @@ const treeProps = {
     PropTypes.bool.def(false)
   ]).def(true),
   async: PropTypes.shape({
-    callback: PropTypes.func.def(null),
+    callback: PropTypes.func.def(void 0),
     cache: PropTypes.bool.def(true),
     deepAutoOpen: PropTypes.commonType(["once", "every"], "columnType").def("once")
   }),
   offsetLeft: PropTypes.number.def(5)
 };
-var useNodeAttribute = (flatData) => {
-  const schemaValues = computed(() => Array.from(flatData.schema.values()));
-  const getSchemaVal2 = (key) => flatData.schema.get(key);
-  const getNodeAttr2 = (node, attr) => {
-    var _a;
-    return (_a = getSchemaVal2(node.__uuid)) == null ? void 0 : _a[attr];
-  };
-  const setNodeAttr = (node, attr, val) => flatData.schema.set(node.__uuid, __spreadProps(__spreadValues({}, getSchemaVal2(node.__uuid)), {
-    [attr]: val
-  }));
-  const getNodePath = (node) => getNodeAttr2(node, "__path");
-  const isRootNode = (node) => getNodeAttr2(node, "__isRoot");
-  const isNodeOpened = (node) => getNodeAttr2(node, "__isOpen");
-  const hasChildNode = (node) => getNodeAttr2(node, "__hasChild");
-  const isItemOpen = (item) => {
-    var _a;
-    if (typeof item === "object") {
-      return isNodeOpened(item);
-    }
-    if (typeof item === "string") {
-      return (_a = getSchemaVal2(item)) == null ? void 0 : _a.__isOpen;
-    }
-    return false;
-  };
-  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, "__parentId"));
-  return {
-    schemaValues,
-    getSchemaVal: getSchemaVal2,
-    getNodeAttr: getNodeAttr2,
-    setNodeAttr,
-    getNodePath,
-    isRootNode,
-    isNodeOpened,
-    hasChildNode,
-    isItemOpen,
-    checkNodeIsOpen
-  };
-};
 var rngBrowser = { exports: {} };
 var getRandomValues = typeof crypto != "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto != "undefined" && typeof window.msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto);
 if (getRandomValues) {
@@ -20438,6 +20400,20 @@ uuid.v1 = v1;
 uuid.v4 = v4;
 var uuid_1 = uuid;
 const DEFAULT_LEVLE_LINE = "1px dashed #c3cdd7";
+var NODE_ATTRIBUTES = /* @__PURE__ */ ((NODE_ATTRIBUTES2) => {
+  NODE_ATTRIBUTES2["DEPTH"] = "__depth";
+  NODE_ATTRIBUTES2["INDEX"] = "__index";
+  NODE_ATTRIBUTES2["UUID"] = "__uuid";
+  NODE_ATTRIBUTES2["PARENT_ID"] = "__parentId";
+  NODE_ATTRIBUTES2["HAS_CHILD"] = "__hasChild";
+  NODE_ATTRIBUTES2["PATH"] = "__path";
+  NODE_ATTRIBUTES2["IS_ROOT"] = "__isRoot";
+  NODE_ATTRIBUTES2["ORDER"] = "__order";
+  NODE_ATTRIBUTES2["IS_OPEN"] = "__isOpen";
+  NODE_ATTRIBUTES2["CHECKED"] = "__checked";
+  NODE_ATTRIBUTES2["IS_ASYNC_INIT"] = "__isAsyncInit";
+  return NODE_ATTRIBUTES2;
+})(NODE_ATTRIBUTES || {});
 const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
   const { data: data2, children } = props;
   const outputData = [];
@@ -20448,10 +20424,10 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
     if (typeof props.nodeKey === "string") {
       uid = item[props.nodeKey];
     }
-    return uid || item.__uuid || uuid_1.v4();
+    return uid || item["__uuid"] || uuid_1.v4();
   }
   function getCachedTreeNodeAttr(uuid2, node, attr, cachedAttr) {
-    const cached = (cachedSchema || []).find((item) => item.__uuid === uuid2);
+    const cached = (cachedSchema || []).find((item) => item["__uuid"] === uuid2);
     if (cached) {
       return cached[cachedAttr];
     }
@@ -20475,19 +20451,19 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
           const currentPath = path !== null ? `${path}-${i}` : `${i}`;
           const hasChildren = !!(item[children] || []).length;
           const attrs = {
-            __depth: depth,
-            __index: i,
-            __uuid: uuid2,
-            __parentId: parent,
-            __hasChild: hasChildren,
-            __path: currentPath,
-            __isRoot: parent === null,
-            __order: order2,
-            __isOpen: isCachedTreeNodeOpened(uuid2, item),
-            __checked: isCachedTreeNodeChecked(uuid2, item),
+            ["__depth"]: depth,
+            ["__index"]: i,
+            ["__uuid"]: uuid2,
+            ["__parentId"]: parent,
+            ["__hasChild"]: hasChildren,
+            ["__path"]: currentPath,
+            ["__isRoot"]: parent === null,
+            ["__order"]: order2,
+            ["__isOpen"]: isCachedTreeNodeOpened(uuid2, item),
+            ["__checked"]: isCachedTreeNodeChecked(uuid2, item),
             [children]: null
           };
-          Object.assign(item, { __uuid: uuid2 });
+          Object.assign(item, { ["__uuid"]: uuid2 });
           schema.set(uuid2, attrs);
           order2 += 1;
           outputData.push(__spreadProps(__spreadValues({}, item), {
@@ -20548,7 +20524,7 @@ const getTreeStyle = (item, props) => {
 };
 const getNodeItemStyle = (item, props, flatData = {}) => {
   const { schema } = flatData;
-  const depth = getNodeAttr(schema, item.__uuid, "__depth");
+  const depth = getNodeAttr(schema, item["__uuid"], "__depth");
   return __spreadValues({
     "--depth": depth
   }, typeof props.levelLine === "function" ? {
@@ -20558,7 +20534,7 @@ const getNodeItemStyle = (item, props, flatData = {}) => {
   } : {});
 };
 const getNodeItemClass = (item, schema, props) => {
-  const { __isRoot, __isOpen } = getSchemaVal(schema, item.__uuid) || {};
+  const { __isRoot, __isOpen } = getSchemaVal(schema, item["__uuid"]) || {};
   return {
     "is-root": __isRoot,
     "bk-tree-node": true,
@@ -20568,7 +20544,7 @@ const getNodeItemClass = (item, schema, props) => {
   };
 };
 const getNodeRowClass = (item, schema) => {
-  const { __checked } = getSchemaVal(schema, item.__uuid) || {};
+  const { __checked } = getSchemaVal(schema, item["__uuid"]) || {};
   return {
     "is-checked": __checked,
     [resolveClassName("node-row")]: true
@@ -20585,6 +20561,44 @@ const assignTreeNode = (path, treeData, childKey, assignVal) => {
   }, treeData);
   Object.assign(targetNode, assignVal || {});
 };
+var useNodeAttribute = (flatData) => {
+  const schemaValues = computed(() => Array.from(flatData.schema.values()));
+  const getSchemaVal2 = (key) => flatData.schema.get(key);
+  const getNodeAttr2 = (node, attr) => {
+    var _a;
+    return (_a = getSchemaVal2(node[NODE_ATTRIBUTES.UUID])) == null ? void 0 : _a[attr];
+  };
+  const setNodeAttr = (node, attr, val) => flatData.schema.set(node[NODE_ATTRIBUTES.UUID], __spreadProps(__spreadValues({}, getSchemaVal2(node[NODE_ATTRIBUTES.UUID])), {
+    [attr]: val
+  }));
+  const getNodePath = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.PATH);
+  const isRootNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_ROOT);
+  const isNodeOpened = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.IS_OPEN);
+  const hasChildNode = (node) => getNodeAttr2(node, NODE_ATTRIBUTES.HAS_CHILD);
+  const isItemOpen = (item) => {
+    var _a;
+    if (typeof item === "object") {
+      return isNodeOpened(item);
+    }
+    if (typeof item === "string") {
+      return (_a = getSchemaVal2(item)) == null ? void 0 : _a[NODE_ATTRIBUTES.IS_OPEN];
+    }
+    return false;
+  };
+  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, NODE_ATTRIBUTES.PARENT_ID));
+  return {
+    schemaValues,
+    getSchemaVal: getSchemaVal2,
+    getNodeAttr: getNodeAttr2,
+    setNodeAttr,
+    getNodePath,
+    isRootNode,
+    isNodeOpened,
+    hasChildNode,
+    isItemOpen,
+    checkNodeIsOpen
+  };
+};
 var useAsync = (props, flatData) => {
   const {
     setNodeAttr,
@@ -20593,7 +20607,7 @@ var useAsync = (props, flatData) => {
   } = useNodeAttribute(flatData);
   const setNodeRemoteLoad = (resp, item) => {
     if (typeof resp === "object" && resp !== null) {
-      setNodeAttr(item, "__isOpen", true);
+      setNodeAttr(item, NODE_ATTRIBUTES.IS_OPEN, true);
       const nodeValue = Array.isArray(resp) ? resp : [resp];
       updateTreeNode(getNodePath(item), props.data, props.children, props.children, nodeValue);
     }
@@ -20604,7 +20618,7 @@ var useAsync = (props, flatData) => {
         callback = null,
         cache = true
       } = props.async || {};
-      setNodeAttr(item, "__isAsyncInit", true);
+      setNodeAttr(item, NODE_ATTRIBUTES.IS_ASYNC_INIT, true);
       if (typeof callback === "function") {
         if (!item.cached) {
           Object.assign(item, {
@@ -20624,7 +20638,7 @@ var useAsync = (props, flatData) => {
     }
   };
   const deepAutoOpen = () => {
-    const autoOpenNodes = flatData.data.filter((item) => item.async && item.isOpen && !getNodeAttr2(item, "__isAsyncInit"));
+    const autoOpenNodes = flatData.data.filter((item) => item.async && item.isOpen && !getNodeAttr2(item, NODE_ATTRIBUTES.IS_ASYNC_INIT));
     if (autoOpenNodes.length) {
       Promise.all(autoOpenNodes.map((item) => asyncNodeClick(item))).then(() => {
         deepAutoOpen();
@@ -20712,13 +20726,13 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     return null;
   };
   const getLoadingIcon = (item) => item.loading ? createVNode(spinner, null, null) : "";
-  const setNodeOpened = (item) => {
-    const newVal = !isItemOpen(item);
-    setNodeAttr(item, "__isOpen", newVal);
+  const setNodeOpened = (item, isOpen = null) => {
+    const newVal = isOpen === null ? !isItemOpen(item) : !!isOpen;
+    setNodeAttr(item, NODE_ATTRIBUTES.IS_OPEN, newVal);
     if (newVal) {
       return;
     }
-    renderData.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).forEach((filterNode) => setNodeAttr(filterNode, "__isOpen", newVal));
+    renderData.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).forEach((filterNode) => setNodeAttr(filterNode, NODE_ATTRIBUTES.IS_OPEN, newVal));
   };
   const hanldeTreeNodeClick = (item) => {
     asyncNodeClick(item);
@@ -20733,17 +20747,17 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     hanldeTreeNodeClick(node);
   };
   const handleNodeContentClick = (item) => {
-    if (!checkedNodes.includes(item.__uuid)) {
+    if (!checkedNodes.includes(item[NODE_ATTRIBUTES.UUID])) {
       checkedNodes.forEach((__uuid) => setNodeAttr({
         __uuid
-      }, "__checked", false));
+      }, NODE_ATTRIBUTES.CHECKED, false));
       checkedNodes.length = 0;
-      setNodeAttr(item, "__checked", true);
-      checkedNodes.push(item.__uuid);
+      setNodeAttr(item, NODE_ATTRIBUTES.CHECKED, true);
+      checkedNodes.push(item[NODE_ATTRIBUTES.UUID]);
       if (!isNodeOpened(item)) {
         hanldeTreeNodeClick(item);
       }
-      ctx.emit("check", item, getSchemaVal2(item.__uuid));
+      ctx.emit("check", item, getSchemaVal2(item[NODE_ATTRIBUTES.UUID]));
     }
   };
   const filterNextNode = (depth, node) => {
@@ -20760,7 +20774,7 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     const nextLevel = parseInt(lastLevel, 10);
     paths.push(`${nextLevel + 1}`);
     const nextNodePath = paths.join("-");
-    return schemaValues.value.some((val) => val.__path === nextNodePath);
+    return schemaValues.value.some((val) => val[NODE_ATTRIBUTES.PATH] === nextNodePath);
   };
   const getVirtualLines = (node) => {
     if (!props.levelLine) {
@@ -20769,7 +20783,7 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
     const getNodeLineStyle = (dpth) => ({
       "--depth": dpth
     });
-    const maxDeep = getNodeAttr2(node, "__depth") + 1;
+    const maxDeep = getNodeAttr2(node, NODE_ATTRIBUTES.DEPTH) + 1;
     return new Array(maxDeep).fill("").map((_2, index) => index).filter((depth) => filterNextNode(depth, node)).filter((depth) => depth > 0).map((index) => createVNode("span", {
       "class": "node-virtual-line",
       "style": getNodeLineStyle(maxDeep - index)
@@ -20795,7 +20809,8 @@ var useNodeAction = (props, ctx, flatData, renderData) => {
   return {
     renderTreeNode,
     hanldeTreeNodeClick,
-    deepAutoOpen
+    deepAutoOpen,
+    setNodeOpened
   };
 };
 var Component = defineComponent({
@@ -20821,7 +20836,8 @@ var Component = defineComponent({
     const {
       renderTreeNode,
       hanldeTreeNodeClick,
-      deepAutoOpen
+      deepAutoOpen,
+      setNodeOpened
     } = useNodeAction(props, ctx, flatData, renderData);
     if ((_a = props.async) == null ? void 0 : _a.callback) {
       deepAutoOpen();
@@ -20840,10 +20856,10 @@ var Component = defineComponent({
     const resolveNodeItem = (node) => {
       if (typeof node === "string") {
         return {
-          __uuid: node
+          [NODE_ATTRIBUTES.UUID]: node
         };
       }
-      if (Object.prototype.hasOwnProperty.call(node, "__uuid")) {
+      if (Object.prototype.hasOwnProperty.call(node, NODE_ATTRIBUTES.UUID)) {
         return node;
       }
       console.error("setNodeAction Error: cannot find uid for the ndoe item");
@@ -20858,18 +20874,22 @@ var Component = defineComponent({
     };
     const setOpen = (item, isOpen = true, autoOpenParents = false) => {
       const resolvedItem = resolveNodeItem(item);
-      if (autoOpenParents && isOpen) {
-        setNodeAction(resolvedItem, "__isOpen", isOpen);
-        if (!isRootNode(resolvedItem)) {
-          const parentId = getNodeAttr2(resolvedItem, "__parentId");
-          setOpen(parentId, true, true);
+      if (autoOpenParents) {
+        if (isOpen) {
+          setNodeAction(resolvedItem, NODE_ATTRIBUTES.IS_OPEN, isOpen);
+          if (!isRootNode(resolvedItem)) {
+            const parentId = getNodeAttr2(resolvedItem, NODE_ATTRIBUTES.PARENT_ID);
+            setOpen(parentId, true, true);
+          }
+        } else {
+          setNodeOpened(resolvedItem, false);
         }
       } else {
-        setNodeAction(resolvedItem, "__isOpen", isOpen);
+        setNodeAction(resolvedItem, NODE_ATTRIBUTES.IS_OPEN, isOpen);
       }
     };
     const setChecked = (item, checked = true) => {
-      setNodeAction(resolveNodeItem(item), "__checked", checked);
+      setNodeAction(resolveNodeItem(item), NODE_ATTRIBUTES.CHECKED, checked);
     };
     ctx.expose({
       hanldeTreeNodeClick,