@nutui/nutui 4.0.0-beta.5 → 4.0.0-beta.7

package/dist/packages/_es/index.vue_vue_type_script_lang-3bc78a6d.js

@@ -0,0 +1,156 @@
+/*!
+* @nutui/nutui v4.0.0-beta.6 Thu Dec 29 2022 18:47:23 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
+import { c as createComponent } from "./component-555f9132.js";
+import { u as useRect } from "./index-bd90ef5b.js";
+const { componentName, create } = createComponent("sticky");
+const _sfc_main = create({
+  props: {
+    position: {
+      type: String,
+      default: "top"
+    },
+    top: {
+      type: [Number, String],
+      default: 0
+    },
+    bottom: {
+      type: [Number, String],
+      default: 0
+    },
+    container: {
+      type: Object
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 2e3
+    }
+  },
+  emits: ["change", "scroll"],
+  setup(props, { emit, slots }) {
+    const root = ref();
+    const state = reactive({
+      width: 0,
+      height: 0,
+      fixed: false,
+      transform: 0
+    });
+    const rootStyle = computed(() => {
+      const { fixed, width, height } = state;
+      if (fixed) {
+        return {
+          width: `${width}px`,
+          height: `${height}px`
+        };
+      }
+    });
+    const stickyStyle = computed(() => {
+      if (!state.fixed)
+        return;
+      const style = {
+        width: `${state.width}px`,
+        height: `${state.height}px`,
+        [props.position]: `${offset.value}px`,
+        zIndex: +props.zIndex
+      };
+      if (state.transform)
+        style.transform = `translate3d(0, ${state.transform}px, 0)`;
+      return style;
+    });
+    const offset = computed(() => {
+      return props.position === "top" ? props.top : props.bottom;
+    });
+    const isHidden = (elementRef) => {
+      const el = unref(elementRef);
+      if (!el)
+        return false;
+      const style = window.getComputedStyle(el);
+      const hidden = style.display === "none";
+      const parentHidden = el.offsetParent === null && style.position !== "fixed";
+      return hidden || parentHidden;
+    };
+    const isExistRoot = () => {
+      if (!root.value || isHidden(root))
+        return false;
+      return true;
+    };
+    const getScrollTop = (el) => {
+      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
+    };
+    const renderFixed = () => {
+      var _a;
+      return h(
+        "view",
+        {
+          style: stickyStyle.value,
+          class: state.fixed ? `${componentName} nut-sticky--fixed` : componentName
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
+    };
+    const onScroll = () => {
+      if (!isExistRoot())
+        return;
+      const { container, position } = props;
+      const scrollTop = getScrollTop(window);
+      const rootRect = useRect(root);
+      if (rootRect.width || rootRect.height) {
+        state.width = rootRect.width;
+        state.height = rootRect.height;
+      }
+      if (position === "top") {
+        if (container) {
+          const containerRect = useRect(container);
+          const diff = containerRect.bottom - +offset.value - state.height;
+          state.fixed = +offset.value > rootRect.top && containerRect.bottom > 0;
+          state.transform = diff < 0 ? diff : 0;
+        } else {
+          state.fixed = offset.value > rootRect.top;
+        }
+      } else if (position === "bottom") {
+        const clientHeight = document.documentElement.clientHeight;
+        if (container) {
+          const containerRect = useRect(container);
+          const diff = clientHeight - containerRect.top - +offset.value - state.height;
+          state.fixed = clientHeight - +offset.value < rootRect.bottom && clientHeight > containerRect.top;
+          state.transform = diff < 0 ? -diff : 0;
+        } else {
+          state.fixed = clientHeight - +offset.value < rootRect.bottom;
+        }
+      }
+      emit("scroll", {
+        top: scrollTop,
+        fixed: state.fixed
+      });
+    };
+    watch(
+      () => state.fixed,
+      (val) => {
+        emit("change", val);
+      }
+    );
+    onMounted(() => {
+      window.addEventListener("scroll", onScroll);
+      onScroll();
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", onScroll);
+    });
+    return () => {
+      return h(
+        "view",
+        {
+          style: rootStyle.value,
+          ref: root
+        },
+        [renderFixed()]
+      );
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-630bc089.js

@@ -0,0 +1,50 @@
+/*!
+* @nutui/nutui v4.0.0-beta.6 Thu Dec 29 2022 18:47:23 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { provide, readonly, computed, watch, h } from "vue";
+import { c as createComponent } from "./component-555f9132.js";
+const { componentName, create } = createComponent("radio-group");
+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 _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-ba9e696d.js

@@ -0,0 +1,50 @@
+/*!
+* @nutui/nutui v4.0.0-beta.6 Thu Dec 29 2022 18:41:23 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { provide, readonly, computed, watch, h } from "vue";
+import { c as createComponent } from "./component-cb778481.js";
+const { componentName, create } = createComponent("radio-group");
+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 _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-cab1cdc4.js

@@ -0,0 +1,102 @@
+/*!
+* @nutui/nutui v4.0.0-beta.6 Thu Dec 29 2022 18:41:23 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { inject, computed, h } from "vue";
+import { c as createComponent } from "./component-cb778481.js";
+import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
+import { p as pxCheck } from "./pxCheck-42d1a00f.js";
+const { componentName, create } = createComponent("radio");
+const _sfc_main = create({
+  components: {
+    CheckNormal,
+    CheckChecked
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    shape: {
+      type: String,
+      default: "round"
+    },
+    label: {
+      type: [String, Number, Boolean],
+      default: ""
+    },
+    iconSize: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  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 { iconSize } = props;
+      const iconNodeMap = {
+        CheckNormal: slots.icon ? slots.icon : CheckNormal,
+        Checked: slots.checkedIcon ? slots.checkedIcon : CheckChecked
+      };
+      const iconNode = !isCurValue.value ? iconNodeMap.CheckNormal : iconNodeMap.Checked;
+      const size = pxCheck(iconSize);
+      return h(iconNode, {
+        width: size,
+        height: size,
+        size,
+        class: color.value
+      });
+    };
+    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 _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-cc5c4086.js

@@ -0,0 +1,151 @@
+import { ref, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { u as useRect } from "./index-29892cda.js";
+const { componentName, create } = createComponent("sticky");
+const _sfc_main = create({
+  props: {
+    position: {
+      type: String,
+      default: "top"
+    },
+    top: {
+      type: [Number, String],
+      default: 0
+    },
+    bottom: {
+      type: [Number, String],
+      default: 0
+    },
+    container: {
+      type: Object
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 2e3
+    }
+  },
+  emits: ["change", "scroll"],
+  setup(props, { emit, slots }) {
+    const root = ref();
+    const state = reactive({
+      width: 0,
+      height: 0,
+      fixed: false,
+      transform: 0
+    });
+    const rootStyle = computed(() => {
+      const { fixed, width, height } = state;
+      if (fixed) {
+        return {
+          width: `${width}px`,
+          height: `${height}px`
+        };
+      }
+    });
+    const stickyStyle = computed(() => {
+      if (!state.fixed)
+        return;
+      const style = {
+        width: `${state.width}px`,
+        height: `${state.height}px`,
+        [props.position]: `${offset.value}px`,
+        zIndex: +props.zIndex
+      };
+      if (state.transform)
+        style.transform = `translate3d(0, ${state.transform}px, 0)`;
+      return style;
+    });
+    const offset = computed(() => {
+      return props.position === "top" ? props.top : props.bottom;
+    });
+    const isHidden = (elementRef) => {
+      const el = unref(elementRef);
+      if (!el)
+        return false;
+      const style = window.getComputedStyle(el);
+      const hidden = style.display === "none";
+      const parentHidden = el.offsetParent === null && style.position !== "fixed";
+      return hidden || parentHidden;
+    };
+    const isExistRoot = () => {
+      if (!root.value || isHidden(root))
+        return false;
+      return true;
+    };
+    const getScrollTop = (el) => {
+      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
+    };
+    const renderFixed = () => {
+      var _a;
+      return h(
+        "view",
+        {
+          style: stickyStyle.value,
+          class: state.fixed ? `${componentName} nut-sticky--fixed` : componentName
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
+    };
+    const onScroll = () => {
+      if (!isExistRoot())
+        return;
+      const { container, position } = props;
+      const scrollTop = getScrollTop(window);
+      const rootRect = useRect(root);
+      if (rootRect.width || rootRect.height) {
+        state.width = rootRect.width;
+        state.height = rootRect.height;
+      }
+      if (position === "top") {
+        if (container) {
+          const containerRect = useRect(container);
+          const diff = containerRect.bottom - +offset.value - state.height;
+          state.fixed = +offset.value > rootRect.top && containerRect.bottom > 0;
+          state.transform = diff < 0 ? diff : 0;
+        } else {
+          state.fixed = offset.value > rootRect.top;
+        }
+      } else if (position === "bottom") {
+        const clientHeight = document.documentElement.clientHeight;
+        if (container) {
+          const containerRect = useRect(container);
+          const diff = clientHeight - containerRect.top - +offset.value - state.height;
+          state.fixed = clientHeight - +offset.value < rootRect.bottom && clientHeight > containerRect.top;
+          state.transform = diff < 0 ? -diff : 0;
+        } else {
+          state.fixed = clientHeight - +offset.value < rootRect.bottom;
+        }
+      }
+      emit("scroll", {
+        top: scrollTop,
+        fixed: state.fixed
+      });
+    };
+    watch(
+      () => state.fixed,
+      (val) => {
+        emit("change", val);
+      }
+    );
+    onMounted(() => {
+      window.addEventListener("scroll", onScroll);
+      onScroll();
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", onScroll);
+    });
+    return () => {
+      return h(
+        "view",
+        {
+          style: rootStyle.value,
+          ref: root
+        },
+        [renderFixed()]
+      );
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-d4c88f85.js

@@ -0,0 +1,97 @@
+import { inject, computed, h } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
+const { componentName, create } = createComponent("radio");
+const _sfc_main = create({
+  components: {
+    CheckNormal,
+    CheckChecked
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    shape: {
+      type: String,
+      default: "round"
+    },
+    label: {
+      type: [String, Number, Boolean],
+      default: ""
+    },
+    iconSize: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  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 { iconSize } = props;
+      const iconNodeMap = {
+        CheckNormal: slots.icon ? slots.icon : CheckNormal,
+        Checked: slots.checkedIcon ? slots.checkedIcon : CheckChecked
+      };
+      const iconNode = !isCurValue.value ? iconNodeMap.CheckNormal : iconNodeMap.Checked;
+      const size = pxCheck(iconSize);
+      return h(iconNode, {
+        width: size,
+        height: size,
+        size,
+        class: color.value
+      });
+    };
+    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 _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-f91aa3ff.js

@@ -0,0 +1,50 @@
+/*!
+* @nutui/nutui v4.0.0-beta.6 Thu Dec 29 2022 13:26:55 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { provide, readonly, computed, watch, h } from "vue";
+import { c as createComponent } from "./component-f9e4b05e.js";
+const { componentName, create } = createComponent("radio-group");
+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 _
+};

package/dist/packages/_es/{interceptor-2ea48d8a.js → interceptor-5d3d8b0a.js}

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v4.0.0-beta.5 Wed Dec 28 2022 16:49:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.6 Thu Dec 29 2022 18:38:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { f as isPromise } from "./component-a2a76221.js";
+import { e as isPromise } from "./component-93f40b7f.js";
 const funInterceptor = (interceptor, {
   args = [],
   done,

package/dist/packages/_es/interceptor-956b24fc.js

@@ -0,0 +1,29 @@
+import { f as isPromise } from "./component-81a4c1d0.js";
+const funInterceptor = (interceptor, {
+  args = [],
+  done,
+  canceled
+}) => {
+  if (interceptor) {
+    const returnVal = interceptor.apply(null, args);
+    if (isPromise(returnVal)) {
+      returnVal.then((value) => {
+        if (value) {
+          done(value);
+        } else if (canceled) {
+          canceled();
+        }
+      }).catch(() => {
+      });
+    } else if (returnVal) {
+      done();
+    } else if (canceled) {
+      canceled();
+    }
+  } else {
+    done();
+  }
+};
+export {
+  funInterceptor as f
+};