@opentinyvue/vue-checkbox 3.21.0 → 3.22.0

package/lib/index.js

@@ -7,9 +7,8 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-import { defineComponent, $prefix, $setup, $props } from "@opentinyvue/vue-common";
+import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
 import PcTemplate from "./pc.js";
-import MobileTemplate from "./mobile.js";
 import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
   var _process$env;
@@ -17,9 +16,6 @@ var template = function template2(mode) {
   if ("pc" === (tinyMode || mode)) {
     return PcTemplate;
   }
-  if ("mobile" === (tinyMode || mode)) {
-    return MobileTemplate;
-  }
   if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
   }
@@ -103,7 +99,7 @@ var Checkbox = defineComponent({
     });
   }
 });
-var version = "3.21.0";
+var version = "3.22.0";
 Checkbox.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "@opentinyvue/vue-checkbox",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~3.21.0",
-    "@opentinyvue/vue-renderless": "~3.21.0",
-    "@opentinyvue/vue-directive": "~3.21.0",
-    "@opentinyvue/vue-icon": "~3.21.0",
-    "@opentinyvue/vue-theme-mobile": "~3.21.0",
-    "@opentinyvue/vue-theme": "~3.21.0"
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-renderless": "~3.22.0",
+    "@opentinyvue/vue-directive": "~3.22.0",
+    "@opentinyvue/vue-icon": "~3.22.0",
+    "@opentinyvue/vue-theme": "~3.22.0"
   },
   "license": "MIT",
   "types": "index.d.ts",

package/src/index.d.ts

@@ -192,6 +192,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
 }>>, {
     label: string | number | boolean;
     disabled: boolean;
+    checked: boolean;
+    indeterminate: boolean;
     tiny_mode_root: boolean;
     _constants: Record<string, any>;
     modelValue: string | number | boolean;
@@ -201,8 +203,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     validateEvent: boolean;
     displayOnly: boolean;
     shape: string;
-    checked: boolean;
-    indeterminate: boolean;
     controls: string;
 }, {}>;
 export default _default;

package/src/mobile-first.vue.d.ts

@@ -2,8 +2,12 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     name?: any;
     label?: any;
     disabled?: any;
-    text?: any;
     size?: any;
+    text?: any;
+    id?: any;
+    checked?: any;
+    indeterminate?: any;
+    customClass?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -13,13 +17,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     modelValue?: any;
     border?: any;
-    customClass?: any;
     events?: any;
     validateEvent?: any;
     displayOnly?: any;
-    id?: any;
-    checked?: any;
-    indeterminate?: any;
     trueLabel?: any;
     falseLabel?: any;
     controls?: any;
@@ -36,8 +36,12 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     name?: any;
     label?: any;
     disabled?: any;
-    text?: any;
     size?: any;
+    text?: any;
+    id?: any;
+    checked?: any;
+    indeterminate?: any;
+    customClass?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -47,13 +51,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     modelValue?: any;
     border?: any;
-    customClass?: any;
     events?: any;
     validateEvent?: any;
     displayOnly?: any;
-    id?: any;
-    checked?: any;
-    indeterminate?: any;
     trueLabel?: any;
     falseLabel?: any;
     controls?: any;
@@ -65,8 +65,12 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly name?: any;
     readonly label?: any;
     readonly disabled?: any;
-    readonly text?: any;
     readonly size?: any;
+    readonly text?: any;
+    readonly id?: any;
+    readonly checked?: any;
+    readonly indeterminate?: any;
+    readonly customClass?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -76,13 +80,9 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_chart_theme?: any;
     readonly modelValue?: any;
     readonly border?: any;
-    readonly customClass?: any;
     readonly events?: any;
     readonly validateEvent?: any;
     readonly displayOnly?: any;
-    readonly id?: any;
-    readonly checked?: any;
-    readonly indeterminate?: any;
     readonly trueLabel?: any;
     readonly falseLabel?: any;
     readonly controls?: any;

package/src/pc.vue.d.ts

@@ -3,8 +3,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     name?: any;
     label?: any;
     disabled?: any;
-    text?: any;
     size?: any;
+    text?: any;
+    id?: any;
+    checked?: any;
+    indeterminate?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -19,9 +22,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     validateEvent?: any;
     displayOnly?: any;
     shape?: any;
-    id?: any;
-    checked?: any;
-    indeterminate?: any;
     trueLabel?: any;
     falseLabel?: any;
     controls?: any;
@@ -29,8 +29,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     name?: any;
     label?: any;
     disabled?: any;
-    text?: any;
     size?: any;
+    text?: any;
+    id?: any;
+    checked?: any;
+    indeterminate?: any;
     tiny_mode?: any;
     tiny_mode_root?: any;
     tiny_template?: any;
@@ -45,9 +48,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     validateEvent?: any;
     displayOnly?: any;
     shape?: any;
-    id?: any;
-    checked?: any;
-    indeterminate?: any;
     trueLabel?: any;
     falseLabel?: any;
     controls?: any;
@@ -59,8 +59,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly name?: any;
     readonly label?: any;
     readonly disabled?: any;
-    readonly text?: any;
     readonly size?: any;
+    readonly text?: any;
+    readonly id?: any;
+    readonly checked?: any;
+    readonly indeterminate?: any;
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
     readonly tiny_template?: any;
@@ -75,9 +78,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly validateEvent?: any;
     readonly displayOnly?: any;
     readonly shape?: any;
-    readonly id?: any;
-    readonly checked?: any;
-    readonly indeterminate?: any;
     readonly trueLabel?: any;
     readonly falseLabel?: any;
     readonly controls?: any;

package/lib/mobile.js

@@ -1,134 +0,0 @@
-import { renderless, api } from '@opentinyvue/vue-renderless/checkbox/vue';
-import { defineComponent, props, setup } from '@opentinyvue/vue-common';
-import '@opentinyvue/vue-theme-mobile/checkbox/index.css';
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, withModifiers, vModelCheckbox, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-
-function _createForOfIteratorHelperLoose(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
-    t && (r = t);
-    var o = 0;
-    return function() {
-      return o >= r.length ? { done: true } : { done: false, value: r[o++] };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-var _export_sfc = function _export_sfc2(sfc, props) {
-  var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
-    var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
-    target[key] = val;
-  }
-  return target;
-};
-
-var _sfc_main = defineComponent({
-  props: [].concat(props, ["modelValue", "text", "events", "label", "indeterminate", "disabled", "checked", "name", "trueLabel", "falseLabel", "id", "iconPosition"]),
-  emits: ["update:modelValue", "change", "complete", "click"],
-  setup: function setup$1(props2, context) {
-    return setup({
-      props: props2,
-      context,
-      renderless,
-      api
-    });
-  }
-});
-var _hoisted_1 = ["id"];
-var _hoisted_2 = ["tabindex", "role", "aria-checked"];
-var _hoisted_3 = /* @__PURE__ */ createElementVNode(
-  "span",
-  {
-    class: "tiny-mobile-checkbox__inner"
-  },
-  null,
-  -1
-  /* HOISTED */
-);
-var _hoisted_4 = ["aria-hidden", "name", "disabled", "true-value", "false-value"];
-var _hoisted_5 = ["aria-hidden", "disabled", "value", "name"];
-var _hoisted_6 = {
-  key: 0,
-  class: "tiny-mobile-checkbox__label"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", {
-    class: normalizeClass(["tiny-mobile-checkbox", {
-      "is-disabled": _ctx.state.isDisabled,
-      "is-checked": _ctx.state.isChecked,
-      "is-indeterminate": _ctx.indeterminate,
-      "is-focus": _ctx.state.focus,
-      "icon-position-top": _ctx.state.iconPosition === "top"
-    }]),
-    id: _ctx.id
-  }, [createElementVNode("span", {
-    class: "tiny-mobile-checkbox__input",
-    tabindex: _ctx.indeterminate ? 0 : false,
-    role: _ctx.indeterminate ? "checkbox" : false,
-    "aria-checked": _ctx.indeterminate ? "mixed" : false
-  }, [_hoisted_3, _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
-    key: 0,
-    class: "tiny-mobile-checkbox__original",
-    type: "checkbox",
-    "aria-hidden": _ctx.indeterminate ? "true" : "false",
-    name: _ctx.name,
-    disabled: _ctx.state.isDisabled,
-    "true-value": _ctx.trueLabel,
-    "false-value": _ctx.falseLabel,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-      return _ctx.state.model = $event;
-    }),
-    onChange: _cache[1] || (_cache[1] = withModifiers(function() {
-      return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
-    }, ["stop"])),
-    onFocus: _cache[2] || (_cache[2] = function($event) {
-      return _ctx.state.focus = true;
-    }),
-    onBlur: _cache[3] || (_cache[3] = function($event) {
-      return _ctx.state.focus = false;
-    })
-  }, null, 40, _hoisted_4)), [[vModelCheckbox, _ctx.state.model]]) : withDirectives((openBlock(), createElementBlock("input", {
-    key: 1,
-    class: "tiny-mobile-checkbox__original",
-    type: "checkbox",
-    "aria-hidden": _ctx.indeterminate ? "true" : "false",
-    disabled: _ctx.state.isDisabled,
-    value: _ctx.label,
-    name: _ctx.name,
-    "onUpdate:modelValue": _cache[4] || (_cache[4] = function($event) {
-      return _ctx.state.model = $event;
-    }),
-    onChange: _cache[5] || (_cache[5] = withModifiers(function() {
-      return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
-    }, ["stop"])),
-    onFocus: _cache[6] || (_cache[6] = function($event) {
-      return _ctx.state.focus = true;
-    }),
-    onBlur: _cache[7] || (_cache[7] = function($event) {
-      return _ctx.state.focus = false;
-    })
-  }, null, 40, _hoisted_5)), [[vModelCheckbox, _ctx.state.model]])], 8, _hoisted_2), _ctx.slots.default && _ctx.slots.default() || _ctx.state.isShowText ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, function() {
-    return [createTextVNode(
-      toDisplayString(_ctx.state.showText),
-      1
-      /* TEXT */
-    )];
-  })])) : createCommentVNode("v-if", true)], 10, _hoisted_1);
-}
-var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-export { mobile as default };

package/src/mobile.vue.d.ts

@@ -1,76 +0,0 @@
-declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    name?: any;
-    label?: any;
-    disabled?: any;
-    text?: any;
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    modelValue?: any;
-    events?: any;
-    id?: any;
-    checked?: any;
-    indeterminate?: any;
-    trueLabel?: any;
-    falseLabel?: any;
-    iconPosition?: any;
-}>, {
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-    gcls: (key: any) => any;
-    m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "click" | "update:modelValue" | "complete")[], "change" | "click" | "update:modelValue" | "complete", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    name?: any;
-    label?: any;
-    disabled?: any;
-    text?: any;
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    modelValue?: any;
-    events?: any;
-    id?: any;
-    checked?: any;
-    indeterminate?: any;
-    trueLabel?: any;
-    falseLabel?: any;
-    iconPosition?: any;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onComplete?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly name?: any;
-    readonly label?: any;
-    readonly disabled?: any;
-    readonly text?: any;
-    readonly tiny_mode?: any;
-    readonly tiny_mode_root?: any;
-    readonly tiny_template?: any;
-    readonly tiny_renderless?: any;
-    readonly _constants?: any;
-    readonly tiny_theme?: any;
-    readonly tiny_chart_theme?: any;
-    readonly modelValue?: any;
-    readonly events?: any;
-    readonly id?: any;
-    readonly checked?: any;
-    readonly indeterminate?: any;
-    readonly trueLabel?: any;
-    readonly falseLabel?: any;
-    readonly iconPosition?: any;
-}, {}>;
-export default _default;