vue-devui 1.5.11 → 1.5.12

package/table/index.es.js

@@ -132,7 +132,7 @@ const tableProps = {
   }
 };
 const TABLE_TOKEN = Symbol();
-function createBem(namespace, element, modifier) {
+function createBem$1(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
     cls += `__${element}`;
@@ -142,12 +142,12 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block, needDot = false) {
+function useNamespace$1(block, needDot = false) {
   const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
-  const b = () => createBem(namespace);
-  const e = (element) => element ? createBem(namespace, element) : "";
-  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
-  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  const b = () => createBem$1(namespace);
+  const e = (element) => element ? createBem$1(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem$1(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem$1(namespace, element, modifier) : "";
   return {
     b,
     e,
@@ -156,7 +156,7 @@ function useNamespace(block, needDot = false) {
   };
 }
 function useTable(props, tableWidth) {
-  const ns2 = useNamespace("table");
+  const ns2 = useNamespace$1("table");
   const classes = computed(() => ({
     [ns2.e("view")]: true,
     [ns2.m("striped")]: props.striped,
@@ -174,7 +174,7 @@ function useTable(props, tableWidth) {
   return { classes, styles };
 }
 const useFixedColumn = (column2) => {
-  const ns2 = useNamespace("table");
+  const ns2 = useNamespace$1("table");
   const stickyClass = computed(() => ({
     [ns2.e("checkable-cell")]: column2.value.type === "checkable",
     [ns2.m("sticky-cell")]: Boolean(column2.value.fixedLeft) || Boolean(column2.value.fixedRight),
@@ -267,7 +267,7 @@ function useTableWatcher(props, store) {
   }, { deep: true });
 }
 function useHorizontalScroll(table2) {
-  const ns2 = useNamespace("table");
+  const ns2 = useNamespace$1("table");
   const setScrollViewClass = (position) => {
     const element = table2.vnode.el;
     const className = ns2.m(`scroll-${position}`);
@@ -331,6 +331,29 @@ function lockScroll() {
 const isBoolean = (value) => typeof value === "boolean";
 const isString = (value) => typeof value === "string";
 const isFunction = (value) => Object.prototype.toString.call(value) === "[object Function]";
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
 function isUrl(value) {
   return /^((http|https):)?\/\//.test(value);
 }
@@ -792,7 +815,7 @@ var Sort = defineComponent({
     const changeDirection = () => {
       ctx.emit("sort", directionMap[props.sortDirection || "default"]);
     };
-    const ns2 = useNamespace("table");
+    const ns2 = useNamespace$1("table");
     return () => createVNode("span", {
       "onClick": changeDirection,
       "class": ns2.e("sort-clickable")
@@ -1102,7 +1125,7 @@ defineComponent({
     const {
       modelValue
     } = toRefs(props);
-    const ns2 = useNamespace("fixed-overlay");
+    const ns2 = useNamespace$1("fixed-overlay");
     const {
       onClick
     } = useFixedOverlay(props, ctx);
@@ -1268,7 +1291,7 @@ const FlexibleOverlay = defineComponent({
     emit,
     expose
   }) {
-    const ns2 = useNamespace("flexible-overlay");
+    const ns2 = useNamespace$1("flexible-overlay");
     const {
       clickEventBubble
     } = toRefs(props);
@@ -1296,7 +1319,7 @@ const FlexibleOverlay = defineComponent({
   }
 });
 const isObject = (val) => val !== null && typeof val === "object";
-const ns$3 = useNamespace("popper-trigger");
+const ns$3 = useNamespace$1("popper-trigger");
 function wrapContent(content) {
   return h("span", { class: ns$3.b() }, content);
 }
@@ -1378,7 +1401,7 @@ var Dropdown = defineComponent({
     const id = `dropdown_${dropdownId++}`;
     const isOpen = ref(false);
     const currentPosition = ref("bottom");
-    const ns2 = useNamespace("dropdown");
+    const ns2 = useNamespace$1("dropdown");
     provide(POPPER_TRIGGER_TOKEN, origin);
     useDropdownEvent({
       id,
@@ -1498,7 +1521,7 @@ defineComponent({
       overlayClass
     } = toRefs(props);
     const dropdownMenuRef = ref(null);
-    const ns2 = useNamespace("dropdown");
+    const ns2 = useNamespace$1("dropdown");
     onClickOutside(dropdownMenuRef, (value) => {
       var _a, _b;
       if (((_a = clickOutside.value) == null ? void 0 : _a.call(clickOutside)) && !((_b = origin == null ? void 0 : origin.value) == null ? void 0 : _b.contains(value.target))) {
@@ -1601,7 +1624,7 @@ var svgIcon = defineComponent({
       color,
       size
     } = toRefs(props);
-    const ns2 = useNamespace("svg-icon");
+    const ns2 = useNamespace$1("svg-icon");
     const iconName = computed(() => `#icon-${name.value}`);
     const iconSize = computed(() => {
       return typeof size.value === "number" ? `${size.value}px` : size.value;
@@ -1630,7 +1653,7 @@ function useIconDom(props, ctx) {
     classPrefix,
     rotate
   } = toRefs(props);
-  const ns2 = useNamespace("icon");
+  const ns2 = useNamespace$1("icon");
   const iconSize = computed(() => {
     return typeof size.value === "number" ? `${size.value}px` : size.value;
   });
@@ -1688,7 +1711,7 @@ var Icon = defineComponent({
     const {
       iconDom
     } = useIconDom(props, ctx);
-    const ns2 = useNamespace("icon");
+    const ns2 = useNamespace$1("icon");
     const wrapClassed = computed(() => ({
       [ns2.e("container")]: true,
       [ns2.m("disabled")]: disabled.value,
@@ -1714,7 +1737,7 @@ var iconGroup = "";
 defineComponent({
   name: "DIconGroup",
   setup(_, ctx) {
-    const ns2 = useNamespace("icon-group");
+    const ns2 = useNamespace$1("icon-group");
     return () => {
       var _a, _b;
       return createVNode("div", {
@@ -1791,7 +1814,7 @@ var Loading = defineComponent({
       message,
       $slots
     } = this;
-    const ns2 = useNamespace("loading");
+    const ns2 = useNamespace$1("loading");
     return isShow && createVNode("div", {
       "class": [ns2.b(), isFull ? ns2.m("full") : ""]
     }, [((_a = $slots.default) == null ? void 0 : _a.call($slots)) || createVNode("div", {
@@ -7376,7 +7399,7 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 function useButton(props, ctx) {
-  const ns2 = useNamespace("button");
+  const ns2 = useNamespace$1("button");
   const hasContent = computed(() => ctx.slots.default);
   const colorMap = {
     solid: "primary",
@@ -7465,7 +7488,7 @@ defineComponent({
   setup(props, {
     slots
   }) {
-    const ns2 = useNamespace("button-group");
+    const ns2 = useNamespace$1("button-group");
     provide(buttonGroupInjectionKey, {
       size: toRef(props, "size")
     });
@@ -7509,7 +7532,8 @@ const commonProps = {
     default: void 0
   },
   size: {
-    type: String
+    type: String,
+    default: "md"
   }
 };
 const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
@@ -7698,7 +7722,7 @@ defineComponent({
   props: formProps,
   emits: ["validate"],
   setup(props, ctx) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       itemContexts,
       addItemContext,
@@ -7918,7 +7942,7 @@ function usePopoverEvent(props, visible, origin) {
   });
   return { placement, handlePositionChange, onMouseenter, onMouseleave };
 }
-const ns$2 = useNamespace("popover");
+const ns$2 = useNamespace$1("popover");
 function SuccessIcon$1() {
   return createVNode("svg", {
     "class": [ns$2.e("icon"), ns$2.em("icon", "success")],
@@ -8020,7 +8044,7 @@ var PopoverIcon = defineComponent({
     }
   },
   setup(props) {
-    const ns2 = useNamespace("popover");
+    const ns2 = useNamespace$1("popover");
     return () => props.type && props.type !== "default" && createVNode("span", {
       "class": ns2.e("icon-wrap")
     }, [props.type === "success" && createVNode(SuccessIcon$1, null, null), props.type === "warning" && createVNode(WarningIcon, null, null), props.type === "info" && createVNode(InfoIcon, null, null), props.type === "error" && createVNode(ErrorIcon$1, null, null)]);
@@ -8057,7 +8081,7 @@ var Popover = defineComponent({
     const {
       overlayStyles
     } = usePopover(props, visible, placement, origin, popoverRef);
-    const ns2 = useNamespace("popover");
+    const ns2 = useNamespace$1("popover");
     provide(POPPER_TRIGGER_TOKEN, origin);
     watch(visible, (newVal) => {
       if (newVal) {
@@ -8190,7 +8214,7 @@ function useFormLabel() {
   const formContext = inject(FORM_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN);
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const labelClasses = computed(() => ({
     [`${ns2.e("label")}`]: true,
     [`${ns2.em("label", "vertical")}`]: labelData.value.layout === "vertical",
@@ -8209,7 +8233,7 @@ var FormLabel = defineComponent({
   name: "DFormLabel",
   props: formLabelProps,
   setup(props, ctx) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       labelClasses,
       labelInnerClasses
@@ -8244,7 +8268,7 @@ const formControlProps = {
 };
 function useFormControl(props) {
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const { feedbackStatus } = toRefs(props);
   const controlClasses = computed(() => ({
     [ns2.e("control")]: true,
@@ -8274,7 +8298,7 @@ var FormControl = defineComponent({
   props: formControlProps,
   setup(props, ctx) {
     const formControl2 = ref();
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       controlClasses,
       controlContainerClasses
@@ -9328,7 +9352,7 @@ function getFieldValue(obj, path) {
 }
 function useFormItem(messageType, _rules, validateState) {
   const formContext = inject(FORM_TOKEN);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const itemClasses = computed(() => ({
     [`${ns2.em("item", "horizontal")}`]: formContext.layout === "horizontal",
     [`${ns2.em("item", "vertical")}`]: formContext.layout === "vertical",
@@ -9586,8 +9610,8 @@ function useCheckbox(props, ctx) {
     var _a;
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
   });
-  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
-  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
+  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth;
+  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction;
   const canChange = (checked, val) => {
     var _a;
     if (mergedDisabled.value) {
@@ -9604,15 +9628,14 @@ function useCheckbox(props, ctx) {
     return Promise.resolve(true);
   };
   const toggle = () => {
-    const current = !isChecked.value;
+    const current = !mergedChecked.value;
     checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
     ctx.emit("update:checked", current);
     ctx.emit("update:modelValue", current);
     ctx.emit("change", current);
   };
-  const handleClick = ($event) => {
-    $event.stopPropagation();
-    canChange(!isChecked.value, props.label).then((res) => res && toggle());
+  const handleClick = () => {
+    canChange(!mergedChecked.value, props.label).then((res) => res && toggle());
   };
   const size = computed(() => props.size || (checkboxGroupConf == null ? void 0 : checkboxGroupConf.size.value) || (formContext == null ? void 0 : formContext.size) || "md");
   const border = computed(() => {
@@ -9620,7 +9643,8 @@ function useCheckbox(props, ctx) {
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.border.value) != null ? _a : props.border;
   });
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   });
   return {
     mergedChecked,
@@ -9678,7 +9702,8 @@ function useCheckboxGroup(props, ctx) {
     }
   };
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   }, { deep: true });
   const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
   provide(checkboxGroupInjectionKey, {
@@ -9730,11 +9755,11 @@ var Checkbox = defineComponent({
     } = useCheckbox(props, ctx);
     return () => {
       var _a, _b;
-      const wrapperCls = {
-        [ns2.e("column-margin")]: direction === "column",
-        [ns2.e("wrap")]: typeof itemWidth !== "undefined"
-      };
-      const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
+      const wrapperCls = computed(() => ({
+        [ns2.e("column-margin")]: (direction == null ? void 0 : direction.value) === "column",
+        [ns2.e("wrap")]: typeof (itemWidth == null ? void 0 : itemWidth.value) !== "undefined"
+      }));
+      const wrapperStyle = computed(() => (itemWidth == null ? void 0 : itemWidth.value) ? [`width: ${itemWidth.value}px`] : []);
       const checkboxCls = {
         [ns2.b()]: true,
         active: mergedChecked.value,
@@ -9765,8 +9790,8 @@ var Checkbox = defineComponent({
         indeterminate: props.halfChecked
       };
       return createVNode("div", {
-        "class": wrapperCls,
-        "style": wrapperStyle
+        "class": wrapperCls.value,
+        "style": wrapperStyle.value
       }, [createVNode("div", {
         "class": checkboxCls
       }, [createVNode("label", {
@@ -9774,7 +9799,7 @@ var Checkbox = defineComponent({
         "onClick": handleClick,
         "class": labelCls,
         "style": {
-          width: itemWidth ? "100%" : "auto"
+          width: (itemWidth == null ? void 0 : itemWidth.value) ? "100%" : "auto"
         }
       }, [createVNode("input", mergeProps({
         "name": props.name || props.value,
@@ -10211,7 +10236,7 @@ var List = defineComponent({
   setup(props, {
     slots
   }) {
-    const ns2 = useNamespace("list");
+    const ns2 = useNamespace$1("list");
     return () => {
       var _a;
       return createVNode("div", {
@@ -10226,7 +10251,7 @@ var ListItem = defineComponent({
   setup(props, {
     slots
   }) {
-    const ns2 = useNamespace("list-item");
+    const ns2 = useNamespace$1("list-item");
     return () => {
       var _a;
       return createVNode("div", {
@@ -10592,7 +10617,7 @@ var body = "";
 var TableHeader = defineComponent({
   name: "DTableHeader",
   setup() {
-    const ns2 = useNamespace("table");
+    const ns2 = useNamespace$1("table");
     const {
       headerRows
     } = useHeader();
@@ -10757,7 +10782,7 @@ var Tooltip = defineComponent({
       onMouseleave,
       onMouseenterOverlay
     } = useTooltip(origin, props);
-    const ns2 = useNamespace("tooltip");
+    const ns2 = useNamespace$1("tooltip");
     const className = computed(() => {
       return [ns2.b(), ns2.m(placement.value)].join(" ");
     });
@@ -10897,7 +10922,7 @@ var TD = defineComponent({
     };
   }
 });
-const ns$1 = useNamespace("table");
+const ns$1 = useNamespace$1("table");
 function useMergeCell() {
   const table2 = inject(TABLE_TOKEN);
   const { _data: data, _columns: columns } = table2.store.states;
@@ -11004,7 +11029,7 @@ var TableBody = defineComponent({
       flatColumns,
       flatRows
     } = table2.store.states;
-    const ns2 = useNamespace("table");
+    const ns2 = useNamespace$1("table");
     const {
       tableSpans,
       removeCells
@@ -11078,7 +11103,7 @@ var FixHeader = defineComponent({
     }
   },
   setup(props) {
-    const ns2 = useNamespace("table");
+    const ns2 = useNamespace$1("table");
     const table2 = inject(TABLE_TOKEN, void 0);
     const showHeader = computed(() => Boolean(table2 == null ? void 0 : table2.props.showHeader));
     const {
@@ -11157,7 +11182,7 @@ var Table = defineComponent({
     } = useHorizontalScroll(table2);
     useTableWatcher(props, store);
     const isEmpty2 = computed(() => props.data.length === 0);
-    const ns2 = useNamespace("table");
+    const ns2 = useNamespace$1("table");
     const hiddenColumns = ref(null);
     table2.hiddenColumns = hiddenColumns;
     table2.tableRef = tableRef;
@@ -11330,7 +11355,7 @@ const IconClose = () => createVNode("svg", {
   "fill": "#252b3a",
   "d": "M8.75,4 L8.75,7.25 L12,7.25 L12,8.75 L8.749,8.75 L8.75,12 L7.25,12 L7.249,8.75 L4,8.75 L4,7.25 L7.25,7.25 L7.25,4 L8.75,4 Z"
 }, null)])]);
-const ns = useNamespace("table");
+const ns = useNamespace$1("table");
 const cellMap = {
   checkable: {
     renderHeader(column2, store) {