@nutui/nutui 3.1.6 → 3.1.7

package/dist/packages/_es/Cell.js

@@ -0,0 +1,95 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode, Fragment, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { useRouter } from "vue-router";
+import { p as pxCheck } from "./pxCheck.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("cell");
+const _sfc_main = create({
+  props: {
+    title: { type: String, default: "" },
+    subTitle: { type: String, default: "" },
+    desc: { type: String, default: "" },
+    descTextAlign: { type: String, default: "right" },
+    isLink: { type: Boolean, default: false },
+    to: [String, Object],
+    replace: { type: Boolean, default: false },
+    roundRadius: { type: [String, Number], default: "" },
+    url: { type: String, default: "" },
+    icon: { type: String, default: "" }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--clickable`]: props.isLink || props.to
+      };
+    });
+    const router = useRouter();
+    const baseStyle = computed(() => {
+      return {
+        borderRadius: pxCheck(props.roundRadius)
+      };
+    });
+    const handleClick = (event) => {
+      emit("click", event);
+      if (props.to && router) {
+        router[props.replace ? "replace" : "push"](props.to);
+      } else if (props.url) {
+        props.replace ? location.replace(props.url) : location.href = props.url;
+      }
+    };
+    return {
+      handleClick,
+      classes,
+      baseStyle
+    };
+  }
+});
+const _hoisted_1 = { class: "title" };
+const _hoisted_2 = { class: "nut-cell__title-desc" };
+function _sfc_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.title || _ctx.subTitle || _ctx.icon ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: normalizeClass(["nut-cell__title", { icon: _ctx.icon || _ctx.$slots.icon }])
+      }, [
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 1,
+          class: "icon",
+          name: _ctx.icon
+        }, null, 8, ["name"])) : createCommentVNode("", true),
+        _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createElementVNode("view", _hoisted_1, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_2, toDisplayString(_ctx.subTitle), 1)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ], 64))
+      ], 2)) : createCommentVNode("", true),
+      _ctx.desc ? (openBlock(), createElementBlock("view", {
+        key: 1,
+        class: "nut-cell__value",
+        style: normalizeStyle({ "text-align": _ctx.descTextAlign })
+      }, toDisplayString(_ctx.desc), 5)) : createCommentVNode("", true),
+      _ctx.$slots.link ? renderSlot(_ctx.$slots, "link", { key: 2 }) : _ctx.isLink || _ctx.to ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 3,
+        class: "nut-cell__link",
+        name: "right"
+      })) : createCommentVNode("", true)
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/CellGroup.js

@@ -0,0 +1,42 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { computed, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("cell-group");
+const _sfc_main = create({
+  props: {
+    title: { type: String, default: "" }
+  },
+  setup() {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    return {
+      classes
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-cell-group__title"
+};
+const _hoisted_2 = { class: "nut-cell-group__warp" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_2, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Checkbox.js

@@ -0,0 +1,109 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @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 "./pxCheck.js";
+const { create, componentName } = createComponent("checkbox");
+const _sfc_main = create({
+  components: {
+    nutIcon: _sfc_main$1
+  },
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    textPosition: {
+      type: String,
+      default: "right"
+    },
+    iconSize: {
+      type: [String, Number],
+      default: "18"
+    },
+    iconName: {
+      type: String,
+      default: "check-normal"
+    },
+    iconActiveName: {
+      type: String,
+      default: "checked"
+    },
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(props, { emit, slots }) {
+    const parent = inject("parent");
+    const hasParent = computed(() => !!parent);
+    const pValue = computed(() => {
+      if (hasParent.value) {
+        return parent.value.value.includes(props.label);
+      } else {
+        return props.modelValue;
+      }
+    });
+    const pDisabled = computed(() => {
+      return hasParent.value ? parent.disabled : props.disabled;
+    });
+    const checked = computed(() => !!props.modelValue);
+    const color = computed(() => {
+      return !pDisabled.value ? !pValue.value ? "nut-checkbox__icon--unchecked" : "nut-checkbox__icon" : "nut-checkbox__icon--disable";
+    });
+    const emitChange = (value, label) => {
+      emit("update:modelValue", value);
+      emit("change", value, label);
+    };
+    const renderIcon = () => {
+      const { iconName, iconSize, iconActiveName } = props;
+      return h(_sfc_main$1, {
+        name: !pValue.value ? iconName : iconActiveName,
+        size: iconSize,
+        class: color.value
+      });
+    };
+    const renderLabel = () => {
+      var _a;
+      return h("view", {
+        class: `${componentName}__label ${pDisabled.value ? `${componentName}__label--disabled` : ""}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+    const handleClick = (e) => {
+      var _a;
+      if (pDisabled.value)
+        return;
+      emitChange(!checked.value, (_a = slots.default) == null ? void 0 : _a.call(slots)[0].children);
+      if (hasParent.value) {
+        let value = parent.value.value;
+        let { label } = props;
+        const index = value.indexOf(label);
+        if (index > -1) {
+          value.splice(index, 1);
+        } else {
+          value.push(label);
+        }
+        parent.updateValue(value);
+      }
+    };
+    onMounted(() => {
+      hasParent.value && parent["relation"](getCurrentInstance());
+    });
+    return () => {
+      return h("view", {
+        class: `${componentName} ${props.textPosition === "left" ? `${componentName}--reverse` : ""}`,
+        onClick: handleClick
+      }, [renderIcon(), renderLabel()]);
+    };
+  }
+});
+export { _sfc_main as default };

package/dist/packages/_es/CheckboxGroup.js

@@ -0,0 +1,62 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @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 "./index2.js";
+const { create, componentName } = createComponent("checkboxgroup");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  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) => {
+          values.push(item == null ? void 0 : item.label);
+        });
+      }
+      emit("update:modelValue", values);
+    };
+    provide("parent", {
+      value: computed(() => props.modelValue),
+      disabled: props.disabled,
+      updateValue,
+      relation
+    });
+    watch(() => props.modelValue, (value) => {
+      emit("change", value);
+    });
+    useExpose({ toggleAll });
+    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

@@ -0,0 +1,109 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @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 { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("circleprogress");
+const _sfc_main = create({
+  props: {
+    progress: {
+      type: [Number, String],
+      required: true
+    },
+    strokeInnerWidth: {
+      type: [Number, String],
+      default: 10
+    },
+    isAuto: {
+      tyep: Boolean,
+      default: false
+    },
+    progressOption: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(props, { emit }) {
+    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: ""
+      };
+      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}`;
+    });
+    return {
+      classes,
+      option,
+      arcLength
+    };
+  }
+});
+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" };
+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" })
+  }, [
+    (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,
+        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 })
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Col.js

@@ -0,0 +1,53 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @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";
+const { componentName, create } = createComponent("col");
+const _sfc_main = create({
+  props: {
+    span: {
+      type: [String, Number],
+      default: "24"
+    },
+    offset: {
+      type: [String, Number],
+      default: "0"
+    }
+  },
+  setup(props) {
+    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"
+      };
+    });
+    return {
+      classes,
+      style
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.style)
+  }, [
+    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

@@ -0,0 +1,89 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @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";
+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 };