@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/Cell.js

@@ -1,66 +1,18 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, mergeProps, createCommentVNode, Fragment, createElementVNode, toDisplayString, createTextVNode, computed } from "vue";
-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 { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, Fragment, createElementVNode, toDisplayString, createTextVNode, createBlock } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { u as useRouter } from "./index-fe4c328e.js";
+import { p as pxCheck } from "./pxCheck-524650ac.js";
+import { Right } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const _hoisted_1 = {
-  key: 0,
-  class: "nut-cell__icon"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "nut-cell__title"
-};
-const _hoisted_3 = { class: "title" };
-const _hoisted_4 = { class: "nut-cell__title-desc" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.baseStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_1, [
-        renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 0 }, _ctx.$attrs, {
-            class: "icon",
-            name: _ctx.icon
-          }), null, 16, ["name"])) : createCommentVNode("", true)
-        ])
-      ])) : createCommentVNode("", true),
-      _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2, [
-        _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("view", _hoisted_3, toDisplayString(_ctx.title), 1)
-          ]),
-          createElementVNode("view", _hoisted_4, toDisplayString(_ctx.subTitle), 1)
-        ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
-        ])
-      ])) : createCommentVNode("", true),
-      _ctx.desc ? (openBlock(), createElementBlock("view", {
-        key: 2,
-        class: normalizeClass(["nut-cell__value", { "nut-cell__value--alone": !_ctx.title && !_ctx.subTitle && !_ctx.$slots.title }]),
-        style: normalizeStyle({ "text-align": _ctx.descTextAlign })
-      }, toDisplayString(_ctx.desc), 7)) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "link", {}, () => [
-        _ctx.isLink || _ctx.to ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-          key: 0,
-          class: "nut-cell__link"
-        }, _ctx.$attrs, { name: _ctx.rightIcon }), null, 16, ["name"])) : createCommentVNode("", true)
-      ])
-    ])
-  ], 6);
-}
 const { componentName, create } = createComponent("cell");
 const _sfc_main = create({
+  components: { Right },
   props: {
     title: { type: String, default: "" },
     subTitle: { type: String, default: "" },
@@ -71,8 +23,6 @@ const _sfc_main = create({
     replace: { type: Boolean, default: false },
     roundRadius: { type: [String, Number], default: "" },
     url: { type: String, default: "" },
-    icon: { type: String, default: "" },
-    rightIcon: { type: String, default: "right" },
     center: { type: Boolean, default: false },
     size: { type: String, default: "" }
   },
@@ -108,5 +58,52 @@ const _sfc_main = create({
     };
   }
 });
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
-export { index as default };
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-cell__icon"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "nut-cell__title"
+};
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "nut-cell__title-desc" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Right = resolveComponent("Right");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.baseStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_1, [
+        renderSlot(_ctx.$slots, "icon")
+      ])) : createCommentVNode("", true),
+      _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("view", _hoisted_3, toDisplayString(_ctx.title), 1)
+          ]),
+          createElementVNode("view", _hoisted_4, toDisplayString(_ctx.subTitle), 1)
+        ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ])
+      ])) : createCommentVNode("", true),
+      _ctx.desc ? (openBlock(), createElementBlock("view", {
+        key: 2,
+        class: normalizeClass(["nut-cell__value", { "nut-cell__value--alone": !_ctx.title && !_ctx.subTitle && !_ctx.$slots.title }]),
+        style: normalizeStyle({ "text-align": _ctx.descTextAlign })
+      }, toDisplayString(_ctx.desc), 7)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "link", {}, () => [
+        _ctx.isLink || _ctx.to ? (openBlock(), createBlock(_component_Right, {
+          key: 0,
+          class: "nut-cell__link"
+        })) : createCommentVNode("", true)
+      ])
+    ])
+  ], 6);
+}
+const Cell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+export {
+  Cell as default
+};

package/dist/packages/_es/CellGroup.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("cell-group");
 const _sfc_main = create({
@@ -45,5 +45,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CellGroup as default
+};

package/dist/packages/_es/Checkbox.js

@@ -1,18 +1,16 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
+import { c as createComponent } from "./component-48526d37.js";
 import { inject, reactive, computed, watch, onMounted, getCurrentInstance, h } from "vue";
-import _sfc_main$1 from "./Icon.js";
+import { p as pxCheck } from "./pxCheck-524650ac.js";
+import { CheckNormal, Checked, CheckDisabled } from "@nutui/icons-vue";
 import "../locale/lang";
-import "./pxCheck.js";
-const component = (componentName2, nutIcon) => {
+const component = (componentName2, components) => {
   return {
-    components: {
-      nutIcon
-    },
+    components,
     props: {
       modelValue: {
         type: Boolean,
@@ -30,30 +28,10 @@ const component = (componentName2, nutIcon) => {
         type: [String, Number],
         default: ""
       },
-      iconName: {
-        type: String,
-        default: "check-normal"
-      },
-      iconActiveName: {
-        type: String,
-        default: "checked"
-      },
-      iconIndeterminateName: {
-        type: String,
-        default: "check-disabled"
-      },
       label: {
         type: String,
         default: ""
       },
-      iconClassPrefix: {
-        type: String,
-        default: "nut-icon"
-      },
-      iconFontClassName: {
-        type: String,
-        default: "nutui-iconfont"
-      },
       indeterminate: {
         type: Boolean,
         default: false
@@ -97,13 +75,19 @@ const component = (componentName2, nutIcon) => {
         }
       );
       const renderIcon = () => {
-        const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
-        return h(nutIcon, {
-          name: !pValue.value ? iconName : state.partialSelect ? iconIndeterminateName : iconActiveName,
-          size: iconSize,
-          class: color.value,
-          classPrefix: iconClassPrefix,
-          fontClassName: iconFontClassName
+        const { iconSize } = props;
+        const iconNodeMap = {
+          CheckNormal: slots.icon ? slots.icon : components.CheckNormal,
+          Checked: slots.checkedIcon ? slots.checkedIcon : components.Checked,
+          CheckDisabled: slots.indeterminate ? slots.indeterminate : components.CheckDisabled
+        };
+        const iconNode = !pValue.value ? iconNodeMap.CheckNormal : state.partialSelect ? iconNodeMap.CheckDisabled : iconNodeMap.Checked;
+        const size = pxCheck(iconSize);
+        return h(iconNode, {
+          width: size,
+          height: size,
+          size,
+          class: color.value
         });
       };
       const renderLabel = () => {
@@ -127,9 +111,9 @@ const component = (componentName2, nutIcon) => {
         }
         emitChange(!checked.value, (_b = slots.default) == null ? void 0 : _b.call(slots)[0].children);
         if (hasParent.value) {
-          let value = parent.value.value;
-          let max = parent.max.value;
-          let { label } = props;
+          const value = parent.value.value;
+          const max = parent.max.value;
+          const { label } = props;
           const index = value.indexOf(label);
           if (index > -1) {
             value.splice(index, 1);
@@ -162,5 +146,7 @@ const component = (componentName2, nutIcon) => {
   };
 };
 const { create, componentName } = createComponent("checkbox");
-const _sfc_main = create(component(componentName, _sfc_main$1));
-export { _sfc_main as default };
+const _sfc_main = create(component(componentName, { CheckNormal, Checked, CheckDisabled }));
+export {
+  _sfc_main as default
+};

package/dist/packages/_es/CheckboxGroup.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { c as createComponent } from "./component-48526d37.js";
+import { u as useExpose } from "./index-efc0d9e4.js";
 import "../locale/lang";
-const { create, componentName } = createComponent("checkboxgroup");
+const { create, componentName } = createComponent("checkbox-group");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -81,11 +81,13 @@ const _sfc_main = create({
       return h(
         "view",
         {
-          class: `${componentName}`
+          class: componentName
         },
         (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
     };
   }
 });
-export { _sfc_main as default };
+export {
+  _sfc_main as default
+};

package/dist/packages/_es/CircleProgress.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { f as isObject, c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { g as isObject, c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("circleprogress");
+const { componentName, create } = createComponent("circle-progress");
 const _sfc_main = create({
   props: {
     progress: {
@@ -103,12 +103,12 @@ 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_6 = { class: "nut-circle-progress__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" })
+    style: normalizeStyle({ height: Number(_ctx.radius) * 2 + "px", width: Number(_ctx.radius) * 2 + "px" })
   }, [
     (openBlock(), createElementBlock("svg", _hoisted_1, [
       createElementVNode("defs", null, [
@@ -129,14 +129,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8, _hoisted_2)
       ]),
       createElementVNode("path", {
-        class: "nut-circleprogress-path",
+        class: "nut-circle-progress__path",
         style: normalizeStyle(_ctx.pathStyle),
         d: _ctx.path,
         fill: "none",
         "stroke-width": _ctx.strokeWidth
       }, " > ", 12, _hoisted_4),
       createElementVNode("path", {
-        class: "nut-circleprogress-hover",
+        class: "nut-circle-progress__hover",
         style: normalizeStyle(_ctx.hoverStyle),
         d: _ctx.path,
         fill: "none",
@@ -151,5 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Col.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("col");
 const _sfc_main = create({
@@ -51,5 +51,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Collapse.js

@@ -1,61 +1,37 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, watch, onMounted, getCurrentInstance, 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, computed, watch, onMounted, getCurrentInstance, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const { create } = createComponent("collapse");
+const { create, componentName } = createComponent("collapse");
 const _sfc_main = create({
   props: {
     active: {
-      type: [String, Number, Array]
+      type: [String, Number, Array],
+      default: () => []
     },
     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
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:active", "change"],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const collapseDom = ref(null);
     const collapseChldren = ref([]);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
     watch(
       () => props.active,
-      (newval, oldval) => {
+      (newval) => {
         let doms = collapseChldren.value;
         Array.from(doms).forEach((item) => {
           if (typeof newval == "number" || typeof newval == "string") {
@@ -99,14 +75,18 @@ const _sfc_main = create({
       changeVal,
       isExpanded
     });
-    return { collapseDom };
+    return { collapseDom, classes };
   }
 });
-const _hoisted_1 = { ref: "collapseDom" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1, [
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    ref: "collapseDom"
+  }, [
     renderSlot(_ctx.$slots, "default")
-  ], 512);
+  ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};