zartui 0.1.113 → 3.0.1

package/lib/rate/index.d.ts

@@ -0,0 +1,80 @@
+export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<{
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    icon: string;
+    modelValue: number;
+    count: string | number;
+    readonly: boolean;
+    voidIcon: string;
+    allowHalf: boolean;
+    touchable: boolean;
+}>>;
+export default Rate;
+export type { RateProps } from './Rate';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtRate: typeof Rate;
+    }
+}

package/lib/rate/index.js

@@ -1,240 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../utils");
-
-var _event = require("../utils/dom/event");
-
-var _touch = require("../mixins/touch");
-
-var _field = require("../mixins/field");
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-// Utils
-// Mixins
-// Components
-var _createNamespace = (0, _utils.createNamespace)('rate'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function getRateStatus(value, index, allowHalf) {
-  if (value >= index) {
-    return 'full';
-  }
-
-  if (value + 0.5 >= index && allowHalf) {
-    return 'half';
-  }
-
-  return 'void';
-}
-
-var _default = createComponent({
-  mixins: [_touch.TouchMixin, _field.FieldMixin],
-  props: {
-    size: [Number, String],
-    color: String,
-    gutter: [Number, String],
-    readonly: Boolean,
-    disabled: Boolean,
-    allowHalf: Boolean,
-    voidColor: String,
-    iconPrefix: String,
-    disabledColor: String,
-    value: {
-      type: Number,
-      default: 0
-    },
-    icon: {
-      type: String,
-      default: 'star'
-    },
-    voidIcon: {
-      type: String,
-      default: 'star'
-    },
-    count: {
-      type: [Number, String],
-      default: 5
-    },
-    touchable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    list: function list() {
-      var list = [];
-
-      for (var i = 1; i <= this.count; i++) {
-        list.push(getRateStatus(this.value, i, this.allowHalf));
-      }
-
-      return list;
-    },
-    sizeWithUnit: function sizeWithUnit() {
-      return (0, _utils.addUnit)(this.size);
-    },
-    gutterWithUnit: function gutterWithUnit() {
-      return (0, _utils.addUnit)(this.gutter);
-    }
-  },
-  mounted: function mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-  methods: {
-    select: function select(index) {
-      if (!this.disabled && !this.readonly && index !== this.value) {
-        this.$emit('input', index);
-        this.$emit('change', index);
-      }
-    },
-    onTouchStart: function onTouchStart(event) {
-      var _this = this;
-
-      if (this.readonly || this.disabled || !this.touchable) {
-        return;
-      }
-
-      this.touchStart(event);
-      var rects = this.$refs.items.map(function (item) {
-        return item.getBoundingClientRect();
-      });
-      var ranges = [];
-      rects.forEach(function (rect, index) {
-        if (_this.allowHalf) {
-          ranges.push({
-            score: index + 0.5,
-            left: rect.left
-          }, {
-            score: index + 1,
-            left: rect.left + rect.width / 2
-          });
-        } else {
-          ranges.push({
-            score: index + 1,
-            left: rect.left
-          });
-        }
-      });
-      this.ranges = ranges;
-    },
-    onTouchMove: function onTouchMove(event) {
-      if (this.readonly || this.disabled || !this.touchable) {
-        return;
-      }
-
-      this.touchMove(event);
-
-      if (this.direction === 'horizontal') {
-        (0, _event.preventDefault)(event);
-        var clientX = event.touches[0].clientX;
-        this.select(this.getScoreByPosition(clientX));
-      }
-    },
-    getScoreByPosition: function getScoreByPosition(x) {
-      for (var i = this.ranges.length - 1; i > 0; i--) {
-        if (x > this.ranges[i].left) {
-          return this.ranges[i].score;
-        }
-      }
-
-      return this.allowHalf ? 0.5 : 1;
-    },
-    genStar: function genStar(status, index) {
-      var _this2 = this;
-
-      var h = this.$createElement;
-      var icon = this.icon,
-          color = this.color,
-          count = this.count,
-          voidIcon = this.voidIcon,
-          disabled = this.disabled,
-          voidColor = this.voidColor,
-          disabledColor = this.disabledColor;
-      var score = index + 1;
-      var isFull = status === 'full';
-      var isVoid = status === 'void';
-      var style;
-
-      if (this.gutterWithUnit && score !== +count) {
-        style = {
-          paddingRight: this.gutterWithUnit
-        };
-      }
-
-      return h("div", {
-        "ref": "items",
-        "refInFor": true,
-        "key": index,
-        "attrs": {
-          "role": "radio",
-          "tabindex": "0",
-          "aria-setsize": count,
-          "aria-posinset": score,
-          "aria-checked": String(!isVoid)
-        },
-        "style": style,
-        "class": bem('item')
-      }, [h(_icon.default, {
-        "attrs": {
-          "size": this.sizeWithUnit,
-          "name": isFull ? icon : voidIcon,
-          "color": disabled ? disabledColor : isFull ? color : voidColor,
-          "classPrefix": this.iconPrefix,
-          "data-score": score
-        },
-        "class": bem('icon', {
-          disabled: disabled,
-          full: isFull
-        }),
-        "on": {
-          "click": function click() {
-            _this2.select(score);
-          }
-        }
-      }), this.allowHalf && h(_icon.default, {
-        "attrs": {
-          "size": this.sizeWithUnit,
-          "name": isVoid ? voidIcon : icon,
-          "color": disabled ? disabledColor : isVoid ? voidColor : color,
-          "classPrefix": this.iconPrefix,
-          "data-score": score - 0.5
-        },
-        "class": bem('icon', ['half', {
-          disabled: disabled,
-          full: !isVoid
-        }]),
-        "on": {
-          "click": function click() {
-            _this2.select(score - 0.5);
-          }
-        }
-      })]);
-    }
-  },
-  render: function render() {
-    var _this3 = this;
-
-    var h = arguments[0];
-    return h("div", {
-      "class": bem({
-        readonly: this.readonly,
-        disabled: this.disabled
-      }),
-      "attrs": {
-        "tabindex": "0",
-        "role": "radiogroup"
-      }
-    }, [this.list.map(function (status, index) {
-      return _this3.genStar(status, index);
-    })]);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Rate: () => Rate,
+  default: () => stdin_default
 });
-
-exports.default = _default;
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Rate = __toESM(require("./Rate"));
+const Rate = (0, import_utils.withInstall)(import_Rate.default);
+var stdin_default = Rate;

package/lib/rate/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/rate/style/index.js

@@ -1,4 +1,4 @@
-require('../../style/base.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../index.css");

package/lib/row/Row.d.ts

@@ -0,0 +1,64 @@
+import { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
+export declare type RowSpaces = {
+    left?: number;
+    right: number;
+}[];
+export declare type RowProvide = {
+    spaces: ComputedRef<RowSpaces>;
+};
+export declare const ROW_KEY: InjectionKey<RowProvide>;
+export declare type RowAlign = 'top' | 'center' | 'bottom';
+export declare type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+declare const rowProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: PropType<RowJustify>;
+};
+export declare type RowProps = ExtractPropTypes<typeof rowProps>;
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: PropType<RowJustify>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: PropType<RowJustify>;
+}>>, {
+    tag: keyof HTMLElementTagNameMap;
+    wrap: boolean;
+    gutter: string | number;
+}>;
+export default _default;

package/lib/row/Row.js

@@ -0,0 +1,110 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ROW_KEY: () => ROW_KEY,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@zartui/use");
+const [name, bem] = (0, import_utils.createNamespace)("row");
+const ROW_KEY = Symbol(name);
+const rowProps = {
+  tag: (0, import_utils.makeStringProp)("div"),
+  wrap: import_utils.truthProp,
+  align: String,
+  gutter: (0, import_utils.makeNumericProp)(0),
+  justify: String
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: rowProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      children,
+      linkChildren
+    } = (0, import_use.useChildren)(ROW_KEY);
+    const groups = (0, import_vue2.computed)(() => {
+      const groups2 = [[]];
+      let totalSpan = 0;
+      children.forEach((child, index) => {
+        totalSpan += Number(child.span);
+        if (totalSpan > 24) {
+          groups2.push([index]);
+          totalSpan -= 24;
+        } else {
+          groups2[groups2.length - 1].push(index);
+        }
+      });
+      return groups2;
+    });
+    const spaces = (0, import_vue2.computed)(() => {
+      const gutter = Number(props.gutter);
+      const spaces2 = [];
+      if (!gutter) {
+        return spaces2;
+      }
+      groups.value.forEach((group) => {
+        const averagePadding = gutter * (group.length - 1) / group.length;
+        group.forEach((item, index) => {
+          if (index === 0) {
+            spaces2.push({
+              right: averagePadding
+            });
+          } else {
+            const left = gutter - spaces2[item - 1].right;
+            const right = averagePadding - left;
+            spaces2.push({
+              left,
+              right
+            });
+          }
+        });
+      });
+      return spaces2;
+    });
+    linkChildren({
+      spaces
+    });
+    return () => {
+      const {
+        tag,
+        wrap,
+        align,
+        justify
+      } = props;
+      return (0, import_vue.createVNode)(tag, {
+        "class": bem({
+          [`align-${align}`]: align,
+          [`justify-${justify}`]: justify,
+          nowrap: !wrap
+        })
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
+      });
+    };
+  }
+});

package/lib/row/index.css

@@ -1 +1 @@
-.zt-row::after{display:table;clear:both;content:''}.zt-row--flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zt-row--flex::after{display:none}.zt-row--justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.zt-row--justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt-row--justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zt-row--justify-space-around{-webkit-justify-content:space-around;justify-content:space-around}.zt-row--align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-row--align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}
+.zt-row{display:flex;flex-wrap:wrap}.zt-row--nowrap{flex-wrap:nowrap}.zt-row--justify-center{justify-content:center}.zt-row--justify-end{justify-content:flex-end}.zt-row--justify-space-between{justify-content:space-between}.zt-row--justify-space-around{justify-content:space-around}.zt-row--align-center{align-items:center}.zt-row--align-bottom{align-items:flex-end}

package/lib/row/index.d.ts

@@ -0,0 +1,42 @@
+export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: import("vue").PropType<import("./Row").RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: import("vue").PropType<import("./Row").RowJustify>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: import("vue").PropType<import("./Row").RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: import("vue").PropType<import("./Row").RowJustify>;
+}>>, {
+    tag: keyof HTMLElementTagNameMap;
+    wrap: boolean;
+    gutter: string | number;
+}>>;
+export default Row;
+export type { RowProps, RowAlign, RowJustify } from './Row';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtRow: typeof Row;
+    }
+}