bkui-vue 0.0.1-beta.88 → 0.0.1-beta.89

package/dist/index.esm.js

@@ -208,20 +208,20 @@ function isShadowRoot(node) {
 }
 function applyStyles(_ref) {
   var state = _ref.state;
-  Object.keys(state.elements).forEach(function(name2) {
-    var style = state.styles[name2] || {};
-    var attributes = state.attributes[name2] || {};
-    var element = state.elements[name2];
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
     if (!isHTMLElement(element) || !getNodeName(element)) {
       return;
     }
     Object.assign(element.style, style);
-    Object.keys(attributes).forEach(function(name3) {
-      var value = attributes[name3];
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
       if (value === false) {
-        element.removeAttribute(name3);
+        element.removeAttribute(name2);
       } else {
-        element.setAttribute(name3, value === true ? "" : value);
+        element.setAttribute(name2, value === true ? "" : value);
       }
     });
   });
@@ -246,10 +246,10 @@ function effect$2(_ref2) {
     Object.assign(state.elements.arrow.style, initialStyles.arrow);
   }
   return function() {
-    Object.keys(state.elements).forEach(function(name2) {
-      var element = state.elements[name2];
-      var attributes = state.attributes[name2] || {};
-      var styleProperties = Object.keys(state.styles.hasOwnProperty(name2) ? state.styles[name2] : initialStyles[name2]);
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
       var style = styleProperties.reduce(function(style2, property) {
         style2[property] = "";
         return style2;
@@ -428,7 +428,7 @@ var toPaddingObject = function toPaddingObject2(padding, state) {
 };
 function arrow(_ref) {
   var _state$modifiersData$;
-  var state = _ref.state, name2 = _ref.name, options = _ref.options;
+  var state = _ref.state, name = _ref.name, options = _ref.options;
   var arrowElement = state.elements.arrow;
   var popperOffsets2 = state.modifiersData.popperOffsets;
   var basePlacement = getBasePlacement(state.placement);
@@ -452,7 +452,7 @@ function arrow(_ref) {
   var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
   var offset2 = within(min2, center, max2);
   var axisProp = axis;
-  state.modifiersData[name2] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
+  state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
 }
 function effect$1(_ref2) {
   var state = _ref2.state, options = _ref2.options;
@@ -908,8 +908,8 @@ function getExpandedFallbackPlacements(placement) {
   return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
 }
 function flip(_ref) {
-  var state = _ref.state, options = _ref.options, name2 = _ref.name;
-  if (state.modifiersData[name2]._skip) {
+  var state = _ref.state, options = _ref.options, name = _ref.name;
+  if (state.modifiersData[name]._skip) {
     return;
   }
   var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, specifiedFallbackPlacements = options.fallbackPlacements, padding = options.padding, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, _options$flipVariatio = options.flipVariations, flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, allowedAutoPlacements = options.allowedAutoPlacements;
@@ -989,7 +989,7 @@ function flip(_ref) {
     }
   }
   if (state.placement !== firstFittingPlacement) {
-    state.modifiersData[name2]._skip = true;
+    state.modifiersData[name]._skip = true;
     state.placement = firstFittingPlacement;
     state.reset = true;
   }
@@ -1024,7 +1024,7 @@ function isAnySideFullyClipped(overflow) {
   });
 }
 function hide(_ref) {
-  var state = _ref.state, name2 = _ref.name;
+  var state = _ref.state, name = _ref.name;
   var referenceRect = state.rects.reference;
   var popperRect = state.rects.popper;
   var preventedOffsets = state.modifiersData.preventOverflow;
@@ -1038,7 +1038,7 @@ function hide(_ref) {
   var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
   var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
   var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
-  state.modifiersData[name2] = {
+  state.modifiersData[name] = {
     referenceClippingOffsets,
     popperEscapeOffsets,
     isReferenceHidden,
@@ -1073,7 +1073,7 @@ function distanceAndSkiddingToXY(placement, rects, offset2) {
   };
 }
 function offset(_ref2) {
-  var state = _ref2.state, options = _ref2.options, name2 = _ref2.name;
+  var state = _ref2.state, options = _ref2.options, name = _ref2.name;
   var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
   var data2 = placements$1.reduce(function(acc, placement) {
     acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
@@ -1084,7 +1084,7 @@ function offset(_ref2) {
     state.modifiersData.popperOffsets.x += x2;
     state.modifiersData.popperOffsets.y += y2;
   }
-  state.modifiersData[name2] = data2;
+  state.modifiersData[name] = data2;
 }
 var offset$1 = {
   name: "offset",
@@ -1094,8 +1094,8 @@ var offset$1 = {
   fn: offset
 };
 function popperOffsets(_ref) {
-  var state = _ref.state, name2 = _ref.name;
-  state.modifiersData[name2] = computeOffsets({
+  var state = _ref.state, name = _ref.name;
+  state.modifiersData[name] = computeOffsets({
     reference: state.rects.reference,
     element: state.rects.popper,
     strategy: "absolute",
@@ -1113,7 +1113,7 @@ function getAltAxis(axis) {
   return axis === "x" ? "y" : "x";
 }
 function preventOverflow(_ref) {
-  var state = _ref.state, options = _ref.options, name2 = _ref.name;
+  var state = _ref.state, options = _ref.options, name = _ref.name;
   var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
   var overflow = detectOverflow(state, {
     boundary,
@@ -1194,7 +1194,7 @@ function preventOverflow(_ref) {
     popperOffsets2[altAxis] = _preventedOffset;
     data2[altAxis] = _preventedOffset - _offset;
   }
-  state.modifiersData[name2] = data2;
+  state.modifiersData[name] = data2;
 }
 var preventOverflow$1 = {
   name: "preventOverflow",
@@ -1395,12 +1395,12 @@ function popperGenerator(generatorOptions) {
             index = -1;
             continue;
           }
-          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name2 = _state$orderedModifie.name;
+          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
           if (typeof fn2 === "function") {
             state = fn2({
               state,
               options: _options,
-              name: name2,
+              name,
               instance
             }) || state;
           }
@@ -1427,11 +1427,11 @@ function popperGenerator(generatorOptions) {
     });
     function runModifierEffects() {
       state.orderedModifiers.forEach(function(_ref3) {
-        var name2 = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
         if (typeof effect2 === "function") {
           var cleanupFn = effect2({
             state,
-            name: name2,
+            name,
             instance,
             options: options2
           });
@@ -2284,13 +2284,13 @@ class PropTypes extends propTypesNS {
       default: "top"
     });
   }
-  static commonType(types = [], name2 = "commonType") {
-    return j(name2.replace(/^\S/, (s2) => s2.toUpperCase()), {
+  static commonType(types = [], name = "commonType") {
+    return j(name.replace(/^\S/, (s2) => s2.toUpperCase()), {
       type: String,
       validator: (val) => {
         const valid = types.includes(val);
         if (!valid) {
-          console.error(`invalid ${name2}, ${val}, the ${name2} must be one of \u3010${types.join(" | ")}\u3011`);
+          console.error(`invalid ${name}, ${val}, the ${name} must be one of \u3010${types.join(" | ")}\u3011`);
         }
         return valid;
       },
@@ -2405,7 +2405,7 @@ function generate(node, key, rootAttrs) {
 const bkIcon = (props, context) => {
   const _a = __spreadValues(__spreadValues({}, context.attrs), props), {
     data: data2,
-    name: name2,
+    name,
     width,
     height,
     fill
@@ -2417,7 +2417,7 @@ const bkIcon = (props, context) => {
     "fill"
   ]);
   const rootAttrs = `width: ${width}; height: ${height}; fill: ${fill}`;
-  return createVNode("span", restProps, [generate(data2, name2, rootAttrs)]);
+  return createVNode("span", restProps, [generate(data2, name, rootAttrs)]);
 };
 bkIcon.inheritAttrs = false;
 bkIcon.displayName = "bkIcon";
@@ -9126,8 +9126,8 @@ var Component$u = defineComponent({
       const newVal = handleNumber(props.step, false);
       ctx.emit(EVENTS$2.UPDATE, newVal);
     }
-    function getCls(name2) {
-      return `${inputClsPrefix.value}--${name2}`;
+    function getCls(name) {
+      return `${inputClsPrefix.value}--${name}`;
     }
     function handleVisibleChange() {
       pwdVisible.value = !pwdVisible.value;
@@ -10527,7 +10527,7 @@ const useRadio = () => {
   const formItem = useFormItem();
   const radioGroup = inject(radioGroupKey, EMPTY_OBJ);
   const isGroup = !isEmptyObj(radioGroup);
-  const isChecked = ref(props.checked);
+  const isChecked = ref(false);
   const isDisabled = computed(() => {
     if (isGroup && radioGroup.props.disabled) {
       return true;
@@ -10537,6 +10537,8 @@ const useRadio = () => {
   if (isGroup) {
     watch(() => radioGroup.props.modelValue, (modelValue) => {
       isChecked.value = modelValue === props.label;
+    }, {
+      immediate: true
     });
   } else {
     watch(() => props.modelValue, (modelValue) => {
@@ -10670,7 +10672,6 @@ var RadioButton = defineComponent({
     } = useRadio();
     return {
       isFocused,
-      realName: name,
       isChecked,
       isDisabled,
       setChecked,
@@ -13331,11 +13332,11 @@ var useColumnResize = (colgroups, immediate = true) => {
     colgroups.forEach((col) => {
       if (col.resizable !== false) {
         Object.keys(handler).forEach((event) => {
-          const name2 = getEventName(event);
-          if (!col.listeners.has(name2)) {
-            col.listeners.set(name2, []);
+          const name = getEventName(event);
+          if (!col.listeners.has(name)) {
+            col.listeners.set(name, []);
           }
-          col.listeners.get(name2).push(handler[event]);
+          col.listeners.get(name).push(handler[event]);
         });
       }
     });
@@ -13343,9 +13344,9 @@ var useColumnResize = (colgroups, immediate = true) => {
   const resetResizeEvents = () => {
     colgroups.forEach((col) => {
       Object.keys(handler).forEach((event) => {
-        const name2 = getEventName(event);
-        if (col.listeners.has(name2)) {
-          const listeners = col.listeners.get(name2);
+        const name = getEventName(event);
+        if (col.listeners.has(name)) {
+          const listeners = col.listeners.get(name);
           listeners.splice(0, listeners.length);
         }
       });
@@ -15970,11 +15971,11 @@ const tabNavEventProps = {
   },
   tabChange: {
     type: Function,
-    default: (name2) => name2
+    default: (name) => name
   },
   tabRemove: {
     type: Function,
-    default: (name2) => name2
+    default: (name) => name
   },
   tabSort: {
     type: Function,
@@ -16043,7 +16044,7 @@ var TabNav = defineComponent({
           return null;
         }
         const {
-          name: name2,
+          name,
           label,
           closable,
           visible,
@@ -16053,7 +16054,7 @@ var TabNav = defineComponent({
         if (!visible) {
           return false;
         }
-        if (props.active === name2) {
+        if (props.active === name) {
           hasFindActive = true;
         }
         const renderLabel = (label2) => {
@@ -16072,7 +16073,7 @@ var TabNav = defineComponent({
           return label2;
         };
         list.push({
-          name: name2,
+          name,
           closable,
           visible,
           disabled,
@@ -16118,8 +16119,8 @@ var TabNav = defineComponent({
         }
         props.tabSort(dragStartIndex.value, index, sortType);
       },
-      handleTabChange(name2) {
-        props.tabChange(name2);
+      handleTabChange(name) {
+        props.tabChange(name);
       },
       handleTabRemove(index, panel) {
         props.tabRemove(index, panel);
@@ -16151,7 +16152,7 @@ var TabNav = defineComponent({
         return null;
       }
       const {
-        name: name2,
+        name,
         disabled,
         tabLabel
       } = item;
@@ -16160,15 +16161,15 @@ var TabNav = defineComponent({
         if (disabled) {
           classNames.push("bk-tab-header--disabled");
         }
-        if (active === name2) {
+        if (active === name) {
           classNames.push("bk-tab-header--active");
         }
         return classNames.join(" ");
       };
       const getValue = (curentValue, parentValue) => curentValue || parentValue;
       return createVNode("div", {
-        "key": name2,
-        "onClick": () => this.handleTabChange(name2),
+        "key": name,
+        "onClick": () => this.handleTabChange(name),
         "draggable": getValue(item.sortable, sortable),
         "onDragstart": (e) => dragstart(index, e),
         "onDragenter": (e) => {
@@ -16305,10 +16306,10 @@ var Tab = defineComponent({
           e
         });
       },
-      tabChange(name2) {
-        emit("change", name2);
-        emit("tab-change", name2);
-        emit("update:active", name2);
+      tabChange(name) {
+        emit("change", name);
+        emit("tab-change", name);
+        emit("update:active", name);
       },
       tabRemove(index, panel) {
         emit("remove", index, panel);
@@ -22949,8 +22950,7 @@ var FormItem = defineComponent({
         rules = props.rules;
       }
       rules = getTriggerRules(trigger, mergeRules(rules, getRulesFromProps(props)));
-      console.log(rules);
-      const value = form2.props.model[props.property];
+      const value = lodash.exports.get(form2.props.model, props.property);
       const doValidate = (() => {
         let stepIndex = -1;
         return () => {