@nutui/nutui 3.1.21 → 3.1.22-beta.5

package/dist/packages/_es/CircleProgress.js

@@ -1,156 +1,33 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
-    });
-    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,
-        transform: "rotate(90,50,50)",
-        "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 };
+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 };

package/dist/packages/_es/Col.js

@@ -1,61 +1,19 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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 };
+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 };

package/dist/packages/_es/Collapse.js

@@ -1,90 +1,38 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { provide, openBlock, createElementBlock, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+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 "../locale/lang";
-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 }) {
-    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
+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();
     });
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", null, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+  });
+  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 };