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

package/dist/packages/_es/Radio.js

@@ -1,28 +1,96 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject as e, computed as a, h as t } from "vue";
-import { c as l } from "./component.js";
-import i from "./Icon.js";
+import { inject, computed, h } from "vue";
+import { c as createComponent } from "./component.js";
+import _sfc_main$1 from "./Icon.js";
 import "../locale/lang";
 import "./pxCheck.js";
-const { componentName: n, create: o } = l("radio"), s = o({ props: { disabled: { type: Boolean, default: false }, shape: { type: String, default: "round" }, label: { type: [String, Number], default: "" }, iconName: { type: String, default: "check-normal" }, iconActiveName: { type: String, default: "check-checked" }, iconSize: { type: [String, Number], default: "" }, iconClassPrefix: { type: String, default: "nut-icon" }, iconFontClassName: { type: String, default: "nutui-iconfont" } }, setup(l2, { emit: o2, slots: s2 }) {
-  let c = e("parent", null);
-  const u = a(() => c.label.value == l2.label), r = a(() => l2.disabled ? "nut-radio__icon--disable" : u.value ? "nut-radio__icon" : "nut-radio__icon--unchecked"), d = a(() => c.position), p = () => {
-    const { iconName: e2, iconSize: a2, iconActiveName: n2, iconClassPrefix: o3, iconFontClassName: s3 } = l2;
-    return t(i, { name: u.value ? n2 : e2, size: a2, class: r.value, classPrefix: o3, fontClassName: s3 });
-  }, m = () => {
-    var _a;
-    return t("view", { class: `${n}__label ${l2.disabled ? `${n}__label--disabled` : ""}` }, (_a = s2.default) == null ? void 0 : _a.call(s2));
-  }, b = () => {
-    u.value || l2.disabled || c.updateValue(l2.label);
-  };
-  let f = d.value === "left";
-  return () => {
-    var _a;
-    return t("view", { class: `${n} ${n}--${l2.shape} ${f ? `${n}--reverse` : ""}`, onClick: b }, [l2.shape == "button" ? t("view", { class: `${n}__button ${u.value && `${n}__button--active`} ${l2.disabled ? `${n}__button--disabled` : ""}` }, (_a = s2.default) == null ? void 0 : _a.call(s2)) : f ? [m(), p()] : [p(), m()]]);
-  };
-} });
-export { s as default };
+const { componentName, create } = createComponent("radio");
+const _sfc_main = create({
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    shape: {
+      type: String,
+      default: "round"
+    },
+    label: {
+      type: [String, Number],
+      default: ""
+    },
+    iconName: {
+      type: String,
+      default: "check-normal"
+    },
+    iconActiveName: {
+      type: String,
+      default: "check-checked"
+    },
+    iconSize: {
+      type: [String, Number],
+      default: ""
+    },
+    iconClassPrefix: {
+      type: String,
+      default: "nut-icon"
+    },
+    iconFontClassName: {
+      type: String,
+      default: "nutui-iconfont"
+    }
+  },
+  setup(props, { emit, slots }) {
+    let parent = inject("parent", null);
+    const isCurValue = computed(() => {
+      return parent.label.value == props.label;
+    });
+    const color = computed(() => {
+      return !props.disabled ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
+    });
+    const position = computed(() => {
+      return parent.position;
+    });
+    const renderIcon = () => {
+      const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName } = props;
+      return h(_sfc_main$1, {
+        name: isCurValue.value ? iconActiveName : iconName,
+        size: iconSize,
+        class: color.value,
+        classPrefix: iconClassPrefix,
+        fontClassName: iconFontClassName
+      });
+    };
+    const renderLabel = () => {
+      var _a;
+      return h("view", {
+        class: `${componentName}__label ${props.disabled ? `${componentName}__label--disabled` : ""}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+    const renderButton = () => {
+      var _a;
+      return h("view", {
+        class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+    const handleClick = () => {
+      if (isCurValue.value || props.disabled)
+        return;
+      parent.updateValue(props.label);
+    };
+    let reverseState = position.value === "left";
+    return () => {
+      return h("view", {
+        class: `${componentName} ${componentName}--${props.shape} ${reverseState ? `${componentName}--reverse` : ""}`,
+        onClick: handleClick
+      }, [
+        props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/dist/packages/_es/RadioGroup.js

@@ -1,13 +1,42 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { provide as e, readonly as t, computed as o, watch as a, h as l } from "vue";
-import { c as i } from "./component.js";
+import { provide, readonly, computed, watch, h } from "vue";
+import { c as createComponent } from "./component.js";
 import "../locale/lang";
-const { componentName: r, create: n } = i("radiogroup"), p = n({ props: { modelValue: { type: [Number, String, Boolean], default: "" }, direction: { type: String, default: "vertical" }, textPosition: { type: String, default: "right" } }, emits: ["change", "update:modelValue"], setup: (i2, { emit: n2, slots: p2 }) => (e("parent", { label: t(o(() => i2.modelValue)), position: i2.textPosition, updateValue: (e2) => n2("update:modelValue", e2) }), a(() => i2.modelValue, (e2) => n2("change", e2)), () => {
-  var _a;
-  return l("view", { class: `${r} ${r}--${i2.direction}` }, (_a = p2.default) == null ? void 0 : _a.call(p2));
-}) });
-export { p as default };
+const { componentName, create } = createComponent("radiogroup");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: [Number, String, Boolean],
+      default: ""
+    },
+    direction: {
+      type: String,
+      default: "vertical"
+    },
+    textPosition: {
+      type: String,
+      default: "right"
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(props, { emit, slots }) {
+    const updateValue = (value) => emit("update:modelValue", value);
+    provide("parent", {
+      label: readonly(computed(() => props.modelValue)),
+      position: props.textPosition,
+      updateValue
+    });
+    watch(() => props.modelValue, (value) => emit("change", value));
+    return () => {
+      var _a;
+      return h("view", {
+        class: `${componentName} ${componentName}--${props.direction}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+});
+export { _sfc_main as default };