bkui-vue 1.0.3-beta.4 → 1.0.3-beta.40

package/lib/table-column/index.js

@@ -83,7 +83,95 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+/* harmony default export */ const esm_browser_native = ({
+  randomUUID
+});
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+function stringify(arr, offset = 0) {
+  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
+
+
+
+
+function v4(options, buf, offset) {
+  if (esm_browser_native.randomUUID && !buf && !options) {
+    return esm_browser_native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+/* harmony default export */ const esm_browser_v4 = (v4);
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -263,7 +351,7 @@ var ColumnTypeEnum;
   ColumnTypeEnum["SELECTION"] = "selection";
   ColumnTypeEnum["INDEX"] = "index";
   ColumnTypeEnum["EXPAND"] = "expand";
-  ColumnTypeEnum["NONE"] = "none";
+  ColumnTypeEnum["NONE"] = "__COL_TYPE_NONE";
 })(ColumnTypeEnum || (ColumnTypeEnum = {}));
 var TableAlignEnum;
 (function (TableAlignEnum) {
@@ -415,6 +503,13 @@ var tableProps = {
    * 是否显示Head
    */
   showHead: shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 排序时对需要排序的字符串数值进行格式化
+   * 这里需要配置为正则或者回调函数，(str) => string | number | boolean
+   * 如果配置为正则，程序会提取匹配到的第一个结果尝试转换为数值
+   * 如果为多个，程序会顺序执行所有正则表达式，直到转换成功
+   */
+  sortValFormat: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def(['']),
   /**
    * table header config
    */
@@ -594,6 +689,7 @@ var tableProps = {
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 
 
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -623,6 +719,7 @@ var tableProps = {
 
 
 
+
 var TableColumnProp = {
   label: LabelFunctionStringType,
   field: LabelFunctionStringType,
@@ -641,7 +738,10 @@ var TableColumnProp = {
   align: TableAlign,
   className: RowClassFunctionStringType,
   prop: LabelFunctionStringType,
-  index: shared_namespaceObject.PropTypes.number.def(undefined)
+  index: shared_namespaceObject.PropTypes.number.def(undefined),
+  uniqueId: shared_namespaceObject.PropTypes.object.def({
+    val: ''
+  })
 };
 /* harmony default export */ const table_column = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'TableColumn',
@@ -658,18 +758,39 @@ var TableColumnProp = {
     var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
       field: props.prop || props.field
     }));
+    var isIndexPropChanged = (0,external_vue_namespaceObject.ref)(false);
+    var setIsIndexChanged = function setIsIndexChanged(val) {
+      isIndexPropChanged.value = val;
+    };
     return {
+      isIndexPropChanged: isIndexPropChanged,
+      setIsIndexChanged: setIsIndexChanged,
       initColumns: initColumns,
       bkTableCache: bkTableCache,
       column: column
     };
   },
+  watch: {
+    index: {
+      handler: function handler() {
+        this.setIsIndexChanged(!this.isIndexPropChanged);
+      },
+      deep: true
+    }
+  },
   unmounted: function unmounted() {
     this.updateColumnDefine(true);
   },
   mounted: function mounted() {
+    this.setNodeUid();
     this.updateColumnDefine();
   },
+  updated: function updated() {
+    if (this.isIndexPropChanged) {
+      this.updateColumnDefineByParent();
+      this.setIsIndexChanged(!this.isIndexPropChanged);
+    }
+  },
   methods: {
     updateColumnDefine: function updateColumnDefine() {
       var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -687,43 +808,110 @@ var TableColumnProp = {
         return Object.assign(result, _defineProperty({}, target, props[key]));
       }, {});
     },
+    rsolveIndexedColumn: function rsolveIndexedColumn() {
+      // 如果是设置了Index，则先添加Index列，不做自动递归读取Column
+      if (/\d+\.?\d*/.test("".concat(this.$props.index))) {
+        var _props$render;
+        var props = this.$.vnode.props;
+        var resolveProp = Object.assign({}, this.copyProps(props), {
+          field: props.prop || props.field,
+          render: (_props$render = props.render) !== null && _props$render !== void 0 ? _props$render : this.$slots["default"],
+          uniqueId: this.getNodeUid(this.$.ctx)
+        });
+        this.initColumns(resolveProp);
+        return false;
+      }
+      return true;
+    },
+    setNodeUid: function setNodeUid() {
+      var ctx = this.$.ctx;
+      if (ctx.uniqueId && !ctx.uniqueId.val) {
+        ctx.uniqueId.val = esm_browser_v4();
+      }
+      if (!ctx.uniqueId) {
+        Object.assign(ctx, {
+          uniqueId: {
+            val: esm_browser_v4()
+          }
+        });
+      }
+    },
+    getNodeUid: function getNodeUid(ctx) {
+      var _ctx$uniqueId;
+      return (_ctx$uniqueId = ctx.uniqueId) === null || _ctx$uniqueId === void 0 ? void 0 : _ctx$uniqueId.val;
+    },
     updateColumnDefineByParent: function updateColumnDefineByParent() {
       var _this = this;
+      if (!this.rsolveIndexedColumn()) {
+        return;
+      }
       var fn = function fn() {
         // @ts-ignore
-        var selfVnode = _this._;
-        var colList = selfVnode.parent.vnode.children["default"]() || [];
+        var selfVnode = _this.$;
+        var getTableNode = function getTableNode(root) {
+          var _parentVnode$type;
+          if (root === document.body || !root) {
+            return null;
+          }
+          var parentVnode = root.parent;
+          if (((_parentVnode$type = parentVnode.type) === null || _parentVnode$type === void 0 ? void 0 : _parentVnode$type.name) === 'Table') {
+            return parentVnode.vnode;
+          }
+          return getTableNode(parentVnode);
+        };
+        var getNodeUid = function getNodeUid(node) {
+          return _this.getNodeUid(node.ctx);
+        };
+        var tableNode = getTableNode(selfVnode);
+        if (!tableNode) {
+          return;
+        }
         var sortColumns = [];
         var index = 0;
+        var resolveChildNode = function resolveChildNode(node) {
+          var _node$type;
+          if (!node) {
+            return null;
+          }
+          if (((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'TableColumn') {
+            var _node$props$render, _node$children;
+            var resolveProp = Object.assign({
+              index: index
+            }, _this.copyProps(node.props), {
+              field: node.props.prop || node.props.field,
+              render: (_node$props$render = node.props.render) !== null && _node$props$render !== void 0 ? _node$props$render : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"],
+              uniqueId: getNodeUid(node.ctx)
+            });
+            sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
+            index = index + 1;
+            return null;
+          }
+          if (Array.isArray(node === null || node === void 0 ? void 0 : node.children)) {
+            return node.children;
+          }
+          if ((0,external_vue_namespaceObject.isVNode)(node) && node !== null && node !== void 0 && node.children && _typeof(node === null || node === void 0 ? void 0 : node.children) === 'object') {
+            return Object.keys(node.children).map(function (key) {
+              return node.children[key];
+            });
+          }
+          if (typeof node === 'function') {
+            return node();
+          }
+          return null;
+        };
         var reduceColumns = function reduceColumns(nodes) {
           if (!Array.isArray(nodes)) {
+            var children = resolveChildNode(nodes);
+            if (children) {
+              reduceColumns(children);
+            }
             return;
           }
-          nodes.forEach(function (node) {
-            var _node$type, _node$children2;
-            if (Array.isArray(node)) {
-              reduceColumns(node);
-              return;
-            }
-            var skipValidateKey0 = true;
-            if (((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'TableColumn') {
-              var _node$children;
-              skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, 'key');
-              var resolveProp = Object.assign({
-                index: index
-              }, _this.copyProps(node.props), {
-                field: node.props.prop || node.props.field,
-                render: (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"]
-              });
-              sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
-              index = index + 1;
-            }
-            if ((_node$children2 = node.children) !== null && _node$children2 !== void 0 && _node$children2.length && skipValidateKey0) {
-              reduceColumns(node.children);
-            }
+          nodes === null || nodes === void 0 || nodes.forEach(function (node) {
+            return reduceColumns(node);
           });
         };
-        reduceColumns(colList);
+        reduceColumns(tableNode);
         _this.initColumns(sortColumns);
       };
       if (typeof this.bkTableCache.queueStack === 'function') {
@@ -731,9 +919,12 @@ var TableColumnProp = {
       }
     },
     unmountColumn: function unmountColumn() {
+      var _props$render2;
+      var props = this.$.vnode.props;
       var resolveProp = Object.assign({}, this.copyProps(this.$props), {
-        field: this.$props.prop || this.$props.field,
-        render: this.$slots["default"]
+        field: props.prop || props.field,
+        render: (_props$render2 = props.render) !== null && _props$render2 !== void 0 ? _props$render2 : this.$slots["default"],
+        uniqueId: this.getNodeUid(this.$.ctx)
       });
       this.initColumns(resolveProp, true);
     }

package/lib/tag/tag.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-tag {
   display: inline-flex;

package/lib/tag-input/index.d.ts

@@ -274,7 +274,7 @@ declare const TagInput: {
             default: boolean;
         };
         tagOverflowTips: {
-            type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+            type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
             default: () => {};
         };
     }>> & {
@@ -617,7 +617,7 @@ declare const TagInput: {
             default: boolean;
         };
         tagOverflowTips: {
-            type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+            type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
             default: () => {};
         };
     }>> & {
@@ -941,7 +941,7 @@ declare const TagInput: {
             default: boolean;
         };
         tagOverflowTips: {
-            type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+            type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
             default: () => {};
         };
     }>> & {
@@ -1318,7 +1318,7 @@ declare const TagInput: {
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
         default: () => {};
     };
 }>> & {

package/lib/tag-input/tag-input.d.ts

@@ -274,7 +274,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>; /**
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
          * 不显示条件：
          * 1. 设置不可清除
          * 2. 禁用时
@@ -614,7 +614,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>; /**
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
          * 不显示条件：
          * 1. 设置不可清除
          * 2. 禁用时

package/lib/tag-input/tag-input.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-tag-input {
   position: relative;

package/lib/tag-input/tag-props.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes, PropType, VNode } from 'vue';
-import { IOptions } from '../directives/src/tooltips';
+import { IOptions } from '../directives/tooltips';
 declare const tagProps: () => {
     modelValue: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];

package/lib/tag-input/tag-render.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IOptions } from '../directives/src/tooltips';
+import { IOptions } from '../directives/tooltips';
 declare const _default: import("vue").DefineComponent<{
     node: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;