@nutui/nutui 3.1.22-beta.0 → 3.1.22-beta.3

package/dist/packages/_es/CircleProgress.js

@@ -1,156 +1,33 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 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.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 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,29 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 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 { provide as t, openBlock as e, createElementBlock as n, renderSlot as i } from "vue";
+import { c as o } from "./component.js";
+import { _ as r } 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
-    });
-  }
-});
-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 { create: a } = o("collapse"), c = a({ 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(e2, { emit: n2 }) {
+  const i2 = (t2) => {
+    n2("update:active", t2), n2("change", t2);
+  };
+  t("collapseParent", { children: [], props: e2, changeValAry: (t2) => {
+    const n3 = e2.active instanceof Object ? Object.values(e2.active) : e2.active;
+    let o2 = -1;
+    n3.forEach((e3, n4) => {
+      String(e3) == String(t2) && (o2 = n4);
+    }), o2 > -1 ? n3.splice(o2, 1) : n3.push(t2), i2(n3);
+  }, changeVal: i2, isExpanded: (t2) => {
+    const { accordion: n3, active: i3 } = e2;
+    if (n3)
+      return (typeof i3 == "number" || typeof i3 == "string") && i3 == t2;
+  } });
+} });
+var l = r(c, [["render", function(t2, o2, r2, a2, c2, l2) {
+  return e(), n("view", null, [i(t2.$slots, "default")]);
+}]]);
+export { l as default };