@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/index.vue_vue_type_script_lang-5d693346.js

@@ -0,0 +1,156 @@
+/*!
+* @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, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { u as useRect } from "./index-c70386a5.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-6a7b6f54.js

@@ -0,0 +1,12 @@
+/*!
+* @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-48526d37.js";
+import "vue";
+const { create } = createComponent("icon");
+const _sfc_main = create({});
+export {
+  _sfc_main as _
+};

package/dist/packages/_es/index.vue_vue_type_script_lang-84b793e8.js

@@ -0,0 +1,102 @@
+/*!
+* @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, h } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
+import { p as pxCheck } from "./pxCheck-524650ac.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-959515e8.js

@@ -0,0 +1,50 @@
+/*!
+* @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 { provide, readonly, computed, watch, h } from "vue";
+import { c as createComponent } from "./component-48526d37.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.js → interceptor-da627865.js}

@@ -1,9 +1,9 @@
 /*!
-* @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 { e as isPromise } from "./component.js";
+import { f as isPromise } from "./component-48526d37.js";
 const funInterceptor = (interceptor, {
   args = [],
   done,
@@ -29,4 +29,6 @@ const funInterceptor = (interceptor, {
     done();
   }
 };
-export { funInterceptor as f };
+export {
+  funInterceptor as f
+};

package/dist/packages/_es/{mountComponent.js → mountComponent-75cf7cfe.js}

@@ -1,10 +1,10 @@
 /*!
-* @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 { createApp } from "vue";
-import { j as isString, k as isFunction } from "./component.js";
+import { j as isString, k as isFunction } from "./component-48526d37.js";
 const CreateComponent = (options, component) => {
   let elWarp = document.body;
   const teleport = options.teleport || "body";
@@ -39,4 +39,6 @@ const CreateComponent = (options, component) => {
     }
   };
 };
-export { CreateComponent as C };
+export {
+  CreateComponent as C
+};

package/dist/packages/_es/{pxCheck.js → pxCheck-524650ac.js}

@@ -1,9 +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.
 */
 const pxCheck = (value) => {
   return isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-export { pxCheck as p };
+export {
+  pxCheck as p
+};

package/dist/packages/_es/{raf.js → raf-e90b8c4d.js}

@@ -1,9 +1,10 @@
 /*!
-* @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.
 */
 const _window = window;
+const inBrowser = typeof window !== "undefined";
 function requestAniFrame() {
   if (typeof _window !== "undefined") {
     return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
@@ -15,5 +16,15 @@ function requestAniFrame() {
     };
   }
 }
-var requestAniFrame$1 = requestAniFrame();
-export { requestAniFrame$1 as r };
+function cancelRaf(id) {
+  if (inBrowser) {
+    cancelAnimationFrame(id);
+  } else {
+    clearTimeout(id);
+  }
+}
+const requestAniFrame$1 = requestAniFrame();
+export {
+  cancelRaf as c,
+  requestAniFrame$1 as r
+};

package/dist/packages/_es/renderIcon-d470170e.js

@@ -0,0 +1,14 @@
+/*!
+* @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 { h } from "vue";
+const renderIcon = (icon, props) => {
+  if (icon)
+    return h(icon, props);
+  return "";
+};
+export {
+  renderIcon as r
+};

package/dist/packages/_es/style.css

@@ -3,7 +3,7 @@ from {
     transform: translateX(100%);
 }
 to {
-    transform: translateX(var(--01d702ea));
+    transform: translateX(var(--9e8362c8));
 }
 }
 @-webkit-keyframes moving {
@@ -11,6 +11,6 @@ from {
     -webkit-transform: translateX(100%);
 }
 to {
-    transform: translateX(var(--01d702ea));
+    transform: translateX(var(--9e8362c8));
 }
 }

package/dist/packages/actionsheet/index.mjs

@@ -0,0 +1,2 @@
+import { ActionSheet } from '../_es/ActionSheet.js';
+export { ActionSheet };

package/dist/packages/actionsheet/index.scss

@@ -1,23 +1,23 @@
 .nut-theme-dark {
-  .nut-actionsheet-panel {
-    .nut-actionsheet-cancel {
+  .nut-action-sheet {
+    .nut-action-sheet__cancel {
       border-top: 1px solid $dark-background2;
     }
-    .nut-actionsheet-title {
+    .nut-action-sheet__title {
       border-bottom: 1px solid $dark-background2;
     }
-    .nut-actionsheet-cancel,
-    .nut-actionsheet-item,
-    .nut-actionsheet-title {
+    .nut-action-sheet__cancel,
+    .nut-action-sheet__item,
+    .nut-action-sheet__title {
       background: $dark-background;
       color: $dark-color;
     }
   }
 }
 
-.nut-actionsheet-panel {
+.nut-action-sheet {
   display: block;
-  .nut-actionsheet-title {
+  .nut-action-sheet__title {
     display: block;
     padding: 10px;
     margin: 0;
@@ -27,32 +27,16 @@
     font-size: $font-size-base;
     color: $title-color;
   }
-
-  .nut-actionsheet-modal {
-    .nut-actionsheet-title,
-    .nut-actionsheet-sub-title {
-      padding: 5px 0;
-    }
-
-    .nut-actionsheet-sub-title {
-      display: block;
-      font-size: $font-size-small;
-      color: $title-color;
-      margin-inline-start: 0px;
-    }
-  }
-
-  .nut-actionsheet-menu {
+  .nut-action-sheet__menu {
     display: block;
     list-style: none;
     padding: 0;
     margin: 0;
   }
 
-  .nut-actionsheet-cancel,
-  .nut-actionsheet-item {
+  .nut-action-sheet__cancel,
+  .nut-action-sheet__item {
     display: block;
-    //   height: 24px;
     padding: 10px;
     line-height: $actionsheet-item-line-height;
     font-size: $actionsheet-item-font-size;
@@ -63,27 +47,27 @@
     cursor: pointer;
   }
 
-  .desc {
+  .nut-action-sheet__desc {
     font-size: $actionsheet-item-font-size;
     color: #999;
     cursor: default;
   }
 
-  .subdesc {
+  .nut-action-sheet__subdesc {
     display: block;
     font-size: $actionsheet-item-subdesc-font-size;
     color: #999;
   }
 
-  .nut-actionsheet-item-disabled {
+  .nut-action-sheet__item--disabled {
     color: #e1e1e1 !important;
     cursor: not-allowed;
   }
-  .nut-actionsheet-item-loading {
+  .nut-action-sheet__item--loading {
     cursor: default;
   }
 
-  .nut-actionsheet-cancel {
+  .nut-action-sheet__cancel {
     margin-top: 5px;
     border-top: $actionsheet-item-cancel-border-top;
   }

package/dist/packages/actionsheet/style.cjs

@@ -0,0 +1,3 @@
+require('./index.scss');
+require('../popup/index.scss');
+require('../overlay/index.scss');

package/dist/packages/actionsheet/style.mjs

@@ -0,0 +1,3 @@
+import './index.scss';
+import '../popup/index.scss';
+import '../overlay/index.scss';

package/dist/packages/address/index.mjs

@@ -0,0 +1,2 @@
+import { Address } from '../_es/Address.js';
+export { Address };