@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/CheckboxGroup.js

@@ -1,34 +1,84 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive as e, provide as l, computed as a, watch as o, h as d } from "vue";
-import { c as t } from "./component.js";
-import { u } from "./index3.js";
+import { reactive, provide, computed, watch, h } from "vue";
+import { c as createComponent } from "./component.js";
+import { u as useExpose } from "./index3.js";
 import "../locale/lang";
-const { create: r, componentName: p } = t("checkboxgroup"), s = r({ props: { modelValue: { type: Array, default: () => [] }, disabled: { type: Boolean, default: false }, max: { type: Number, default: 0 } }, emits: ["change", "update:modelValue"], setup(t2, { slots: r2, emit: s2 }) {
-  const m = e({ children: [] });
-  return l("parent", { value: a(() => t2.modelValue), disabled: a(() => t2.disabled), max: a(() => t2.max), updateValue: (e2) => {
-    s2("update:modelValue", e2), s2("change", e2);
-  }, relation: (e2) => {
-    e2.proxy && m.children.push(e2.proxy);
-  } }), o(() => t2.modelValue, (e2) => {
-    s2("change", e2);
-  }), u({ toggleAll: (e2) => {
-    let l2 = [];
-    e2 && m.children.forEach((e3) => {
-      (e3 == null ? void 0 : e3.disabled) || l2.push(e3 == null ? void 0 : e3.label);
-    }), s2("update:modelValue", l2);
-  }, toggleReverse: () => {
-    let e2 = t2.modelValue.slice();
-    m.children.forEach((l2) => {
-      let a2 = e2.findIndex((e3) => e3 === l2.label);
-      a2 > -1 ? e2.splice(a2, 1) : (l2 == null ? void 0 : l2.disabled) || e2.push(l2 == null ? void 0 : l2.label);
-    }), s2("update:modelValue", e2);
-  } }), () => {
-    var _a;
-    return d("view", { class: `${p}` }, (_a = r2.default) == null ? void 0 : _a.call(r2));
-  };
-} });
-export { s as default };
+const { create, componentName } = createComponent("checkboxgroup");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    max: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(props, { slots, emit }) {
+    const state = reactive({
+      children: []
+    });
+    const relation = (child) => {
+      if (child.proxy) {
+        state.children.push(child.proxy);
+      }
+    };
+    const updateValue = (value) => {
+      emit("update:modelValue", value);
+      emit("change", value);
+    };
+    const toggleAll = (checked) => {
+      let values = [];
+      if (!!checked) {
+        state.children.forEach((item) => {
+          if (!(item == null ? void 0 : item.disabled)) {
+            values.push(item == null ? void 0 : item.label);
+          }
+        });
+      }
+      emit("update:modelValue", values);
+    };
+    const toggleReverse = () => {
+      let values = props.modelValue.slice();
+      state.children.forEach((item) => {
+        let findIndex = values.findIndex((value) => value === item.label);
+        if (findIndex > -1) {
+          values.splice(findIndex, 1);
+        } else {
+          if (!(item == null ? void 0 : item.disabled)) {
+            values.push(item == null ? void 0 : item.label);
+          }
+        }
+      });
+      emit("update:modelValue", values);
+    };
+    provide("parent", {
+      value: computed(() => props.modelValue),
+      disabled: computed(() => props.disabled),
+      max: computed(() => props.max),
+      updateValue,
+      relation
+    });
+    watch(() => props.modelValue, (value) => {
+      emit("change", value);
+    });
+    useExpose({ toggleAll, toggleReverse });
+    return () => {
+      var _a;
+      return h("view", {
+        class: `${componentName}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+});
+export { _sfc_main as default };

package/dist/packages/_es/CircleProgress.js

@@ -1,33 +1,155 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { useSlots as e, computed as t, openBlock as r, createElementBlock as o, normalizeClass as s, normalizeStyle as l, createElementVNode as a, Fragment as p, renderList as i, renderSlot as n, toDisplayString as c, createCommentVNode as u } from "vue";
-import { i as d, c as h } from "./component.js";
-import { _ as f } from "./plugin-vue_export-helper.js";
+import { useSlots, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import { i as isObject, c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: k, create: y } = h("circleprogress"), m = y({ props: { progress: { type: [Number, String], required: true }, strokeWidth: { type: [Number, String], default: 5 }, radius: { type: [Number, String], default: 50 }, strokeLinecap: { type: String, default: "round" }, color: { type: [String, Object], default: "" }, pathColor: { type: String, default: "" }, clockwise: { type: Boolean, default: true } }, setup(r2, { emit: o2 }) {
-  const s2 = !!e().default, l2 = Math.random().toString(36).slice(-8), a2 = t(() => ({ [k]: true })), p2 = t(() => {
-    const e2 = r2.clockwise ? 1 : 0;
-    return `M 50 50 m 0 -45 a 45 45 0 1 ${e2} 0 90 a 45 45 0 1, ${e2} 0 -90`;
-  }), i2 = t(() => d(r2.color) ? `url(#${l2})` : r2.color);
-  return { classes: a2, hoverStyle: t(() => {
-    let e2 = 283 * Number(r2.progress) / 100;
-    return { stroke: d(r2.color) ? `url(#${l2})` : r2.color, strokeDasharray: `${e2}px 283px` };
-  }), pathStyle: t(() => ({ stroke: r2.pathColor })), path: p2, hoverColor: i2, stop: t(() => {
-    if (!d(r2.color))
-      return;
-    let e2 = r2.color;
-    const t2 = Object.keys(e2).sort((e3, t3) => parseFloat(e3) - parseFloat(t3));
-    let o3 = [];
-    return t2.map((t3, r3) => {
-      let s3 = { key: "", value: "" };
-      s3.key = t3, s3.value = e2[t3], o3.push(s3);
-    }), o3;
-  }), slotDefault: s2, refRandomId: l2 };
-} }), g = { viewBox: "0 0 100 100" }, v = ["id"], S = ["offset", "stop-color"], x = ["d", "stroke-width"], w = ["d", "stroke", "stroke-linecap", "stroke-width"], b = { class: "nut-circleprogress-text" }, $ = { key: 0 };
-var N = f(m, [["render", function(e2, t2, d2, h2, f2, k2) {
-  return r(), o("div", { class: s(e2.classes), style: l({ height: 2 * e2.radius + "px", width: 2 * e2.radius + "px" }) }, [(r(), o("svg", g, [a("defs", null, [a("linearGradient", { id: e2.refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, [(r(true), o(p, null, i(e2.stop, (e3, t3) => (r(), o("stop", { key: t3, offset: e3.key, "stop-color": e3.value }, null, 8, S))), 128))], 8, v)]), a("path", { class: "nut-circleprogress-path", style: l(e2.pathStyle), d: e2.path, fill: "none", "stroke-width": e2.strokeWidth }, " > ", 12, x), a("path", { class: "nut-circleprogress-hover", style: l(e2.hoverStyle), d: e2.path, fill: "none", stroke: e2.hoverColor, "stroke-linecap": e2.strokeLinecap, "stroke-width": e2.strokeWidth }, null, 12, w)])), a("div", b, [n(e2.$slots, "default"), e2.slotDefault ? u("", true) : (r(), o("div", $, c(e2.progress) + "%", 1))])], 6);
-}]]);
-export { N as default };
+const { componentName, create } = createComponent("circleprogress");
+const _sfc_main = create({
+  props: {
+    progress: {
+      type: [Number, String],
+      required: true
+    },
+    strokeWidth: {
+      type: [Number, String],
+      default: 5
+    },
+    radius: {
+      type: [Number, String],
+      default: 50
+    },
+    strokeLinecap: {
+      type: String,
+      default: "round"
+    },
+    color: {
+      type: [String, Object],
+      default: ""
+    },
+    pathColor: {
+      type: String,
+      default: ""
+    },
+    clockwise: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, { emit }) {
+    const slotDefault = !!useSlots().default;
+    const refRandomId = Math.random().toString(36).slice(-8);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const path = computed(() => {
+      const isWise = props.clockwise ? 1 : 0;
+      return `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
+    });
+    const hoverColor = computed(() => {
+      return isObject(props.color) ? `url(#${refRandomId})` : props.color;
+    });
+    const hoverStyle = computed(() => {
+      let perimeter = 283;
+      let offset = perimeter * Number(props.progress) / 100;
+      return {
+        stroke: isObject(props.color) ? `url(#${refRandomId})` : props.color,
+        strokeDasharray: `${offset}px ${perimeter}px`
+      };
+    });
+    const pathStyle = computed(() => {
+      return {
+        stroke: props.pathColor
+      };
+    });
+    const stop = computed(() => {
+      if (!isObject(props.color)) {
+        return;
+      }
+      let color = props.color;
+      const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
+      let stopArr = [];
+      colorArr.map((item, index2) => {
+        let obj = {
+          key: "",
+          value: ""
+        };
+        obj.key = item;
+        obj.value = color[item];
+        stopArr.push(obj);
+      });
+      return stopArr;
+    });
+    return {
+      classes,
+      hoverStyle,
+      pathStyle,
+      path,
+      hoverColor,
+      stop,
+      slotDefault,
+      refRandomId
+    };
+  }
+});
+const _hoisted_1 = { viewBox: "0 0 100 100" };
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["offset", "stop-color"];
+const _hoisted_4 = ["d", "stroke-width"];
+const _hoisted_5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_6 = { class: "nut-circleprogress-text" };
+const _hoisted_7 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle({ height: _ctx.radius * 2 + "px", width: _ctx.radius * 2 + "px" })
+  }, [
+    (openBlock(), createElementBlock("svg", _hoisted_1, [
+      createElementVNode("defs", null, [
+        createElementVNode("linearGradient", {
+          id: _ctx.refRandomId,
+          x1: "100%",
+          y1: "0%",
+          x2: "0%",
+          y2: "0%"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stop, (item, index2) => {
+            return openBlock(), createElementBlock("stop", {
+              key: index2,
+              offset: item.key,
+              "stop-color": item.value
+            }, null, 8, _hoisted_3);
+          }), 128))
+        ], 8, _hoisted_2)
+      ]),
+      createElementVNode("path", {
+        class: "nut-circleprogress-path",
+        style: normalizeStyle(_ctx.pathStyle),
+        d: _ctx.path,
+        fill: "none",
+        "stroke-width": _ctx.strokeWidth
+      }, " > ", 12, _hoisted_4),
+      createElementVNode("path", {
+        class: "nut-circleprogress-hover",
+        style: normalizeStyle(_ctx.hoverStyle),
+        d: _ctx.path,
+        fill: "none",
+        stroke: _ctx.hoverColor,
+        "stroke-linecap": _ctx.strokeLinecap,
+        "stroke-width": _ctx.strokeWidth
+      }, null, 12, _hoisted_5)
+    ])),
+    createElementVNode("div", _hoisted_6, [
+      renderSlot(_ctx.$slots, "default"),
+      !_ctx.slotDefault ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(_ctx.progress) + "%", 1)) : createCommentVNode("", true)
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Col.js

@@ -1,19 +1,61 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject as e, computed as t, openBlock as o, createElementBlock as s, normalizeClass as l, normalizeStyle as n, renderSlot as r } from "vue";
-import { c as a } from "./component.js";
-import { _ as p } from "./plugin-vue_export-helper.js";
+import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: c, create: i } = a("col");
-var u = p(i({ props: { span: { type: [String, Number], default: "24" }, offset: { type: [String, Number], default: "0" } }, emits: ["click"], setup(o2, { emit: s2 }) {
-  const l2 = c, n2 = e("gutter");
-  return { classes: t(() => ({ [l2]: true, [l2 + "-gutter"]: n2, ["nut-col-" + o2.span]: true, ["nut-col-offset-" + o2.offset]: true })), style: t(() => ({ paddingLeft: n2 / 2 + "px", paddingRight: n2 / 2 + "px" })), handleClick: (e2) => {
-    e2.stopPropagation(), s2("click", e2);
-  } };
-} }), [["render", function(e2, t2, a2, p2, c2, i2) {
-  return o(), s("view", { class: l(e2.classes), style: n(e2.style), onClick: t2[0] || (t2[0] = (...t3) => e2.handleClick && e2.handleClick(...t3)) }, [r(e2.$slots, "default")], 6);
-}]]);
-export { u as default };
+const { componentName, create } = createComponent("col");
+const _sfc_main = create({
+  props: {
+    span: {
+      type: [String, Number],
+      default: "24"
+    },
+    offset: {
+      type: [String, Number],
+      default: "0"
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const prefixCls = componentName;
+    const gutter = inject("gutter");
+    const classes = computed(() => {
+      return {
+        [prefixCls]: true,
+        [prefixCls + "-gutter"]: gutter,
+        ["nut-col-" + props.span]: true,
+        ["nut-col-offset-" + props.offset]: true
+      };
+    });
+    const style = computed(() => {
+      return {
+        paddingLeft: gutter / 2 + "px",
+        paddingRight: gutter / 2 + "px"
+      };
+    });
+    const handleClick = (evt) => {
+      evt.stopPropagation();
+      emit("click", evt);
+    };
+    return {
+      classes,
+      style,
+      handleClick
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.style),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Collapse.js

@@ -1,38 +1,115 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, watch as t, provide as n, openBlock as a, createElementBlock as o, renderSlot as r } from "vue";
-import { c as i } from "./component.js";
-import { _ as c } from "./plugin-vue_export-helper.js";
+import { ref, watch, provide, openBlock, createElementBlock, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { create: p } = i("collapse"), l = p({ props: { active: { type: [String, Number, Array] }, accordion: { type: Boolean }, titleIcon: { type: String, default: "" }, titleIconSize: { type: String, default: "16px" }, titleIconColor: { type: String, default: "" }, titleIconPosition: { type: String, default: "left" }, icon: { type: String, default: "" }, iconSize: { type: String, default: "16px" }, iconColor: { type: String, default: "" }, rotate: { type: [String, Number], default: 180 } }, emits: ["update:active", "change"], setup(a2, { emit: o2, slots: r2 }) {
-  const i2 = e(null);
-  t(() => a2.active, (e2, t2) => {
-    var _a, _b;
-    let n2 = (_a = r2 == null ? void 0 : r2.default) == null ? void 0 : _a.call(r2), a3 = (_b = i2.value) == null ? void 0 : _b.children;
-    Array.from(a3).forEach((t3, a4) => {
-      const o3 = t3.__vueParentComponent.ctx;
-      typeof e2 == "number" || typeof e2 == "string" ? e2 == n2[a4].props.name ? o3.changeOpen(!o3.openExpanded) : o3.changeOpen(false) : Object.values(e2) instanceof Array && (e2.indexOf(Number(n2[a4].props.name)) > -1 || e2.indexOf(String(n2[a4].props.name)) > -1 ? o3.changeOpen(true) : o3.changeOpen(false)), o3.animation();
+const { create } = createComponent("collapse");
+const _sfc_main = create({
+  props: {
+    active: {
+      type: [String, Number, Array]
+    },
+    accordion: {
+      type: Boolean
+    },
+    titleIcon: {
+      type: String,
+      default: ""
+    },
+    titleIconSize: {
+      type: String,
+      default: "16px"
+    },
+    titleIconColor: {
+      type: String,
+      default: ""
+    },
+    titleIconPosition: {
+      type: String,
+      default: "left"
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    iconSize: {
+      type: String,
+      default: "16px"
+    },
+    iconColor: {
+      type: String,
+      default: ""
+    },
+    rotate: {
+      type: [String, Number],
+      default: 180
+    }
+  },
+  emits: ["update:active", "change"],
+  setup(props, { emit, slots }) {
+    const collapseDom = ref(null);
+    watch(() => props.active, (newval, oldval) => {
+      var _a, _b;
+      let domsProps = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
+      let doms = (_b = collapseDom.value) == null ? void 0 : _b.children;
+      Array.from(doms).forEach((dom, index2) => {
+        const item = dom["__vueParentComponent"]["ctx"];
+        if (typeof newval == "number" || typeof newval == "string") {
+          if (newval == domsProps[index2].props.name) {
+            item.changeOpen(!item.openExpanded);
+          } else {
+            item.changeOpen(false);
+          }
+        } else if (Object.values(newval) instanceof Array) {
+          if (newval.indexOf(Number(domsProps[index2].props.name)) > -1 || newval.indexOf(String(domsProps[index2].props.name)) > -1) {
+            item.changeOpen(true);
+          } else {
+            item.changeOpen(false);
+          }
+        }
+        item.animation();
+      });
     });
-  });
-  const c2 = (e2) => {
-    o2("update:active", e2), o2("change", e2);
-  };
-  return n("collapseParent", { children: [], props: a2, changeValAry: (e2) => {
-    const t2 = a2.active instanceof Object ? Object.values(a2.active) : a2.active;
-    let n2 = -1;
-    t2.forEach((t3, a3) => {
-      String(t3) == String(e2) && (n2 = a3);
-    }), n2 > -1 ? t2.splice(n2, 1) : t2.push(e2), c2(t2);
-  }, changeVal: c2, isExpanded: (e2) => {
-    const { accordion: t2, active: n2 } = a2;
-    if (t2)
-      return (typeof n2 == "number" || typeof n2 == "string") && n2 == e2;
-  } }), { collapseDom: i2 };
-} }), s = { ref: "collapseDom" };
-var u = c(l, [["render", function(e2, t2, n2, i2, c2, p2) {
-  return a(), o("view", s, [r(e2.$slots, "default")], 512);
-}]]);
-export { u as default };
+    const changeVal = (val) => {
+      emit("update:active", val);
+      emit("change", val);
+    };
+    const changeValAry = (name) => {
+      const activeItem = props.active instanceof Object ? Object.values(props.active) : props.active;
+      let index2 = -1;
+      activeItem.forEach((item, idx) => {
+        if (String(item) == String(name)) {
+          index2 = idx;
+        }
+      });
+      index2 > -1 ? activeItem.splice(index2, 1) : activeItem.push(name);
+      changeVal(activeItem);
+    };
+    const isExpanded = (name) => {
+      const { accordion, active } = props;
+      if (accordion) {
+        return typeof active === "number" || typeof active === "string" ? active == name : false;
+      }
+    };
+    provide("collapseParent", {
+      children: [],
+      props,
+      changeValAry,
+      changeVal,
+      isExpanded
+    });
+    return { collapseDom };
+  }
+});
+const _hoisted_1 = { ref: "collapseDom" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ], 512);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };