@nutui/nutui 3.1.19-beta.7 → 3.1.20-beta.0

package/dist/packages/_es/CategoryPane.js

@@ -0,0 +1,116 @@
+/*!
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+var index_vue_vue_type_style_index_0_lang = "";
+const { componentName, create } = createComponent("categorypane");
+const _sfc_main = create({
+  props: {
+    type: {
+      type: String,
+      default: "classify"
+    },
+    categoryChild: {
+      type: Array,
+      default: () => []
+    },
+    customCategory: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props, { emit }) {
+    const onChange = () => {
+      emit("onChange");
+    };
+    return {
+      onChange
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-categorypane" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-categorypane__cateListRight"
+};
+const _hoisted_3 = { class: "nut-categorypane__childTitle" };
+const _hoisted_4 = {
+  key: 0,
+  class: "nut-categorypane__childItemList"
+};
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "nut-categorypane__skuImg" };
+const _hoisted_7 = {
+  key: 1,
+  class: "nut-categorypane__cateListRight"
+};
+const _hoisted_8 = { class: "nut-categorypane__childTitle" };
+const _hoisted_9 = {
+  key: 0,
+  class: "nut-categorypane__childItemList"
+};
+const _hoisted_10 = { class: "nut-categorypane__skuName" };
+const _hoisted_11 = {
+  key: 2,
+  class: "nut-categorypane__selfItemList"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.type == "classify" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index2) => {
+        return openBlock(), createElementBlock("div", { key: index2 }, [
+          createElementVNode("div", _hoisted_3, toDisplayString(item.catName), 1),
+          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
+              return openBlock(), createElementBlock("div", {
+                class: "nut-categorypane__childItem",
+                key,
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
+              }, [
+                createElementVNode("img", {
+                  class: "nut-categorypane__childImg",
+                  src: sku.backImg
+                }, null, 8, _hoisted_5),
+                createElementVNode("div", _hoisted_6, toDisplayString(sku.catName), 1)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.type == "text" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index2) => {
+        return openBlock(), createElementBlock("div", { key: index2 }, [
+          createElementVNode("div", _hoisted_8, toDisplayString(item.catName), 1),
+          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
+              return openBlock(), createElementBlock("div", {
+                class: "nut-categorypane__childItem",
+                key,
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onChange())
+              }, [
+                createElementVNode("div", _hoisted_10, toDisplayString(sku.catName), 1)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.type == "custom" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.customCategory, (sku, key) => {
+        return openBlock(), createElementBlock("div", {
+          class: "nut-categorypane__skuName",
+          key,
+          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onChange())
+        }, toDisplayString(sku.catName), 1);
+      }), 128))
+    ])) : createCommentVNode("", true)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Cell.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -8,6 +8,7 @@ import { c as createComponent } from "./component.js";
 import { u as useRouter } from "./index.js";
 import { p as pxCheck } from "./pxCheck.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { componentName, create } = createComponent("cell");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/CellGroup.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, createElementVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { componentName, create } = createComponent("cell-group");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/Checkbox.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, computed, onMounted, getCurrentInstance, h } from "vue";
 import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
+import "../locale/lang";
 import "./pxCheck.js";
 const { create, componentName } = createComponent("checkbox");
 const _sfc_main = create({

package/dist/packages/_es/CheckboxGroup.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 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, componentName } = createComponent("checkboxgroup");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/CircleProgress.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component.js";
+import { useSlots, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createCommentVNode } from "vue";
+import { a as isObject, c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { componentName, create } = createComponent("circleprogress");
 const _sfc_main = create({
   props: {
@@ -13,95 +14,141 @@ const _sfc_main = create({
       type: [Number, String],
       required: true
     },
-    strokeInnerWidth: {
+    strokeWidth: {
       type: [Number, String],
-      default: 10
+      default: 5
     },
-    isAuto: {
-      tyep: Boolean,
-      default: false
+    radius: {
+      type: [Number, String],
+      default: 50
     },
-    progressOption: {
-      type: Object,
-      default: () => {
-      }
+    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 option = computed(() => {
-      let baseOption = {
-        radius: 50,
-        strokeOutWidth: 10,
-        backColor: "#d9d9d9",
-        progressColor: "red",
-        cy: 1,
-        cx: 1,
-        size: 1,
-        startPosition: ""
+    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
       };
-      Object.assign(baseOption, props.progressOption);
-      baseOption.cy = baseOption.cx = baseOption.radius + baseOption.strokeOutWidth;
-      baseOption.size = (baseOption.radius + baseOption.strokeOutWidth) * 2;
-      baseOption.startPosition = "rotate(-90," + baseOption.cx + "," + baseOption.cy + ")";
-      return baseOption;
     });
-    const arcLength = computed(() => {
-      let circleLength = Math.floor(2 * Math.PI * option.value.radius);
-      let progressLength = props.progress / 100 * circleLength;
-      return `${progressLength},${circleLength}`;
+    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,
-      option,
-      arcLength
+      hoverStyle,
+      pathStyle,
+      path,
+      hoverColor,
+      stop,
+      slotDefault,
+      refRandomId
     };
   }
 });
-const _hoisted_1 = ["height", "width"];
-const _hoisted_2 = ["r", "cx", "cy", "stroke", "stroke-width"];
-const _hoisted_3 = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
-const _hoisted_4 = { class: "nut-circleprogress-content" };
+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.option.size + "px", width: _ctx.option.size + "px" })
+    style: normalizeStyle({ height: _ctx.radius * 2 + "px", width: _ctx.radius * 2 + "px" })
   }, [
-    (openBlock(), createElementBlock("svg", {
-      height: _ctx.option.size,
-      width: _ctx.option.size,
-      "x-mlns": "http://www.w3.org/200/svg"
-    }, [
-      createElementVNode("circle", {
-        r: _ctx.option.radius,
-        cx: _ctx.option.cx,
-        cy: _ctx.option.cy,
-        stroke: _ctx.option.backColor,
-        "stroke-width": _ctx.option.strokeOutWidth,
-        fill: "none"
-      }, null, 8, _hoisted_2),
-      createElementVNode("circle", {
-        r: _ctx.option.radius,
-        cx: _ctx.option.cx,
-        cy: _ctx.option.cy,
-        stroke: _ctx.option.progressColor,
-        "stroke-dasharray": _ctx.arcLength,
-        "stroke-width": _ctx.strokeInnerWidth,
+    (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",
-        transform: _ctx.option.startPosition,
-        "stroke-linecap": "round",
-        style: { "transition": "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
-      }, null, 8, _hoisted_3)
-    ], 8, _hoisted_1)),
-    createElementVNode("div", _hoisted_4, [
-      !_ctx.isAuto ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-        createTextVNode(toDisplayString(_ctx.progress) + "%", 1)
-      ]) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        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);
 }

package/dist/packages/_es/Col.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 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 "../locale/lang";
 const { componentName, create } = createComponent("col");
 const _sfc_main = create({
   props: {
@@ -18,7 +19,8 @@ const _sfc_main = create({
       default: "0"
     }
   },
-  setup(props) {
+  emits: ["click"],
+  setup(props, { emit }) {
     const prefixCls = componentName;
     const gutter = inject("gutter");
     const classes = computed(() => {
@@ -35,16 +37,22 @@ const _sfc_main = create({
         paddingRight: gutter / 2 + "px"
       };
     });
+    const handleClick = (evt) => {
+      evt.stopPropagation();
+      emit("click", evt);
+    };
     return {
       classes,
-      style
+      style,
+      handleClick
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.style)
+    style: normalizeStyle(_ctx.style),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 6);

package/dist/packages/_es/Collapse.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 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 "../locale/lang";
 const { create } = createComponent("collapse");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/CollapseItem.js

@@ -18,13 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.7 Wed Apr 13 2022 10:29:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.20-beta.0 Mon Apr 25 2022 18:02:52 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, nextTick, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, normalizeStyle } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
 const { create, componentName } = createComponent("collapse-item");
 const _sfc_main = create({
   props: {
@@ -208,6 +209,11 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = ["innerHTML"];
 const _hoisted_6 = {
+  key: 0,
+  class: "collapse-extraWrapper"
+};
+const _hoisted_7 = { class: "collapse-extraRender" };
+const _hoisted_8 = {
   class: "collapse-wrapper",
   ref: "wrapperRef"
 };
@@ -254,7 +260,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.iconStyle)
       }, null, 8, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
     ], 2),
-    createElementVNode("view", _hoisted_6, [
+    _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_6, [
+      createElementVNode("div", _hoisted_7, [
+        renderSlot(_ctx.$slots, "extraRender")
+      ])
+    ])) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_8, [
       createElementVNode("view", {
         class: normalizeClass(["collapse-content", _ctx.emptyContent]),
         ref: "contentRef"