@nutui/nutui 3.1.12 → 3.1.15-beta.0

package/dist/packages/_es/Table.js

@@ -0,0 +1,191 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+/*!
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+var RenderColumn = {
+  setup(props) {
+    return () => h(`view`, {}, props.slots());
+  },
+  props: {
+    slots: Object
+  }
+};
+const component = (componentName2) => {
+  return {
+    components: {
+      RenderColumn
+    },
+    props: {
+      bordered: {
+        type: Boolean,
+        default: true
+      },
+      columns: {
+        type: Array,
+        default: () => {
+          return [];
+        }
+      },
+      data: {
+        type: Object,
+        default: () => {
+          return {};
+        }
+      },
+      summary: {
+        type: Function,
+        default: null
+      },
+      striped: {
+        type: Boolean,
+        default: false
+      }
+    },
+    emits: ["sorter"],
+    setup(props, { emit, slots }) {
+      const state = reactive({
+        curData: props.data
+      });
+      const classes = computed(() => {
+        const prefixCls = componentName2;
+        return {
+          [prefixCls]: true
+        };
+      });
+      const cellClasses = (item) => {
+        return {
+          "nut-table__main__head__tr--border": props.bordered,
+          [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
+        };
+      };
+      const getColumnItem = (value) => {
+        return props.columns.filter((item) => item.key === value)[0];
+      };
+      const handleSorterClick = (item) => {
+        if (item.sorter) {
+          emit("sorter", item);
+          state.curData = typeof item.sorter === "function" ? state.curData.sort(item.sorter) : item.sorter === "default" ? state.curData.sort() : state.curData;
+        }
+      };
+      watch(() => props.data, (val) => {
+        state.curData = val.slice();
+      });
+      return __spreadProps(__spreadValues({}, toRefs(state)), {
+        classes,
+        cellClasses,
+        getColumnItem,
+        handleSorterClick
+      });
+    }
+  };
+};
+const { componentName, create } = createComponent("table");
+const _sfc_main = create(component(componentName));
+const _hoisted_1 = { class: "nut-table__main__head" };
+const _hoisted_2 = { class: "nut-table__main__head__tr" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "nut-table__main__body" };
+const _hoisted_5 = {
+  key: 0,
+  class: "nut-table__summary"
+};
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = {
+  key: 1,
+  class: "nut-table__nodata"
+};
+const _hoisted_8 = {
+  key: 0,
+  class: "nut-table__nodata__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_RenderColumn = resolveComponent("RenderColumn");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-table__main", { "nut-table__main--striped": _ctx.striped }])
+    }, [
+      createElementVNode("view", _hoisted_1, [
+        createElementVNode("view", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (item) => {
+            return openBlock(), createElementBlock("span", {
+              class: normalizeClass(["nut-table__main__head__tr__th", _ctx.cellClasses(item)]),
+              key: item.key,
+              onClick: ($event) => _ctx.handleSorterClick(item)
+            }, [
+              createTextVNode(toDisplayString(item.title) + " ", 1),
+              renderSlot(_ctx.$slots, "icon"),
+              !_ctx.$slots.icon && item.sorter ? (openBlock(), createBlock(_component_nut_icon, {
+                key: 0,
+                name: "down-arrow",
+                size: "12px"
+              })) : createCommentVNode("", true)
+            ], 10, _hoisted_3);
+          }), 128))
+        ])
+      ]),
+      createElementVNode("view", _hoisted_4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.curData, (item) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-table__main__body__tr",
+            key: item
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(item), (value) => {
+              return openBlock(), createElementBlock("span", {
+                class: normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
+                key: value
+              }, [
+                createTextVNode(toDisplayString(typeof item[value] !== "function" ? item[value] : "") + " ", 1),
+                typeof item[value] === "function" ? (openBlock(), createBlock(_component_RenderColumn, {
+                  key: 0,
+                  slots: item[value]
+                }, null, 8, ["slots"])) : createCommentVNode("", true)
+              ], 2);
+            }), 128))
+          ]);
+        }), 128))
+      ])
+    ], 2),
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_5, [
+      createElementVNode("span", {
+        class: "nut-table__summary__text",
+        innerHTML: _ctx.summary().value
+      }, null, 8, _hoisted_6)
+    ])) : createCommentVNode("", true),
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_7, [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
+      }, [
+        renderSlot(_ctx.$slots, "nodata"),
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_8, " \u6682\u65E0\u6570\u636E ")) : createCommentVNode("", true)
+      ], 2)
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Tabs.js

@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -50,6 +50,10 @@ const _sfc_main = create({
       type: String,
       default: "horizontal"
     },
+    size: {
+      type: String,
+      default: "normal"
+    },
     type: {
       type: String,
       default: "line"
@@ -168,7 +172,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["nut-tabs", [_ctx.direction]])
   }, [
     createElementVNode("view", {
-      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll }]),
+      class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
       style: normalizeStyle(_ctx.tabsNavStyle)
     }, [
       _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {

package/dist/packages/_es/Tag.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TextArea.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeDetail.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimePannel.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeSelect.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Toast.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Uploader.js

@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Video.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/common.js

@@ -0,0 +1,136 @@
+/*!
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { provide, shallowReactive, getCurrentInstance, markRaw, isVNode, computed, h } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+function flattenVNodes(children, childName) {
+  const result = [];
+  const traverse = (children2) => {
+    if (!Array.isArray(children2))
+      return;
+    children2.forEach((child) => {
+      var _a;
+      if (!isVNode(child))
+        return;
+      if (childName) {
+        if (child.type && child.type.name === childName) {
+          result.push(child);
+          return;
+        }
+      } else {
+        result.push(child);
+      }
+      if ((_a = child.component) == null ? void 0 : _a.subTree) {
+        traverse(child.component.subTree.children);
+      }
+      if (child.children) {
+        traverse(child.children);
+      }
+    });
+  };
+  traverse(children);
+  return result;
+}
+function sortChildren(parent, internalChildren, childName) {
+  const vnodes = flattenVNodes(parent.subTree.children, childName);
+  internalChildren.sort((a, b) => {
+    return vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode);
+  });
+}
+function useProvide(key, childName) {
+  const internalChildren = shallowReactive([]);
+  const parent = getCurrentInstance();
+  const add = (child) => {
+    if (!child.proxy)
+      return;
+    internalChildren.push(markRaw(child));
+    sortChildren(parent, internalChildren, childName);
+  };
+  const remove = (child) => {
+    internalChildren.splice(internalChildren.indexOf(markRaw(child)), 1);
+  };
+  const extend = Object.assign;
+  return (value) => {
+    provide(key, extend({
+      add,
+      remove,
+      internalChildren
+    }, value));
+    return {
+      internalChildren
+    };
+  };
+}
+const { componentName } = createComponent("grid");
+const GRID_KEY = Symbol("grid");
+const gridProps = {
+  columnNum: {
+    type: [Number, String],
+    default: 4
+  },
+  iconSize: {
+    type: [Number, String],
+    default: 28
+  },
+  iconColor: {
+    type: String
+  },
+  border: {
+    type: Boolean,
+    default: true
+  },
+  gutter: {
+    type: [Number, String],
+    default: 0
+  },
+  center: {
+    type: Boolean,
+    default: true
+  },
+  square: {
+    type: Boolean,
+    default: false
+  },
+  reverse: {
+    type: Boolean,
+    default: false
+  },
+  direction: {
+    type: String
+  },
+  clickable: {
+    type: Boolean,
+    default: false
+  }
+};
+const component = {
+  props: gridProps,
+  setup(props, { slots }) {
+    useProvide(GRID_KEY, `${componentName}-item`)({ props });
+    const rootClass = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--border`]: props.border && !props.gutter
+      };
+    });
+    const rootStyle = computed(() => {
+      const style = {};
+      if (props.gutter) {
+        style.paddingLeft = pxCheck(props.gutter);
+      }
+      return style;
+    });
+    return () => {
+      var _a;
+      return h("view", {
+        class: rootClass.value,
+        style: rootStyle.value
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+};
+export { GRID_KEY as G, component as c };

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index2.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index3.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/plugin-vue_export-helper.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/util.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.15-beta.0 Thu Dec 23 2021 17:12:09 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/cascader/index.scss

@@ -0,0 +1,81 @@
+.nut-cascader {
+  width: 100%;
+  font-size: $nut-cascader-font-size;
+  line-height: $nut-cascader-line-height;
+
+  .nut-tabpane {
+    padding: 0;
+  }
+
+  .nut-tabs__titles-item {
+    flex: initial;
+    min-width: auto;
+    padding: $nut-cascader-tabs-item-padding;
+    white-space: nowrap;
+  }
+
+  .nut-tabs__titles {
+    padding: $nut-cascader-tabs-item-padding;
+    background: #fff;
+  }
+
+  &__bar {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: $nut-cascader-bar-padding;
+    text-align: center;
+    font-weight: bold;
+    line-height: $nut-cascader-bar-line-height;
+    color: $nut-cascader-bar-color;
+    font-size: $nut-cascader-bar-font-size;
+  }
+
+  &-pane {
+    display: block;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    padding-top: 10px;
+    height: 342px;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+    padding: $nut-cascader-item-padding;
+    margin: 0;
+    cursor: pointer;
+    font-size: $nut-cascader-item-font-size;
+    color: $nut-cascader-item-color;
+
+    &__title {
+      flex: 1;
+    }
+
+    &__icon-check {
+      margin-left: 10px;
+      visibility: hidden;
+    }
+
+    &__icon-loading {
+      margin-left: 10px;
+    }
+
+    &.active:not(.disabled) {
+      color: $nut-cascader-item-active-color;
+    }
+
+    &.active &__icon-check {
+      visibility: visible;
+      color: $nut-cascader-item-active-color;
+    }
+
+    &.disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+  }
+}

package/dist/packages/empty/index.scss

@@ -0,0 +1,33 @@
+.nut-empty {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  padding: $empty-padding;
+
+  &-image {
+    width: $empty-image-size;
+    height: $empty-image-size;
+
+    .img {
+      width: 100%;
+      height: 100%;
+    }
+
+    // 兼容小程序标签和img-slot
+    img,
+    image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &-description {
+    margin-top: $empty-description-margin-top;
+    padding: $empty-description-padding;
+    color: $empty-description-color;
+    font-size: $empty-description-font-size;
+    line-height: $empty-description-line-height;
+  }
+}

package/dist/packages/formitem/index.scss

@@ -25,7 +25,7 @@
     font-weight: normal;
     width: 90px;
     margin-right: 10px;
-    flex: none;
+    flex: none !important;
     display: inline-block;
     word-wrap: break-word;
     &.required {

package/dist/packages/grid/index.scss

@@ -0,0 +1,10 @@
+.nut-grid {
+  display: flex;
+  flex-wrap: wrap;
+  border: 0 solid $grid-border-color;
+
+  &--border {
+    border-top-width: 1px;
+    border-left-width: 1px;
+  }
+}