@opentinyvue/vue-config-provider 2.21.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2022 - present TinyVue Authors.
+Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/hooks/use-config.d.ts

@@ -0,0 +1,2 @@
+import type { ConfigProviderProps } from '../src/props';
+export declare function useConfig(): ConfigProviderProps | {};

package/index.d.ts

@@ -0,0 +1,3 @@
+import ConfigProvider from './src/index.vue';
+export declare const configProviderContextKey: unique symbol;
+export default ConfigProvider;

package/lib/index.js

@@ -0,0 +1,149 @@
+import { defineComponent, $prefix, props, hooks, provideDesignConfig, isVue2 } from '@opentinyvue/vue-common';
+import '@opentinyvue/vue-theme/config-provider/index.css';
+
+function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render) {
+    options.render = render;
+    options.staticRenderFns = staticRenderFns;
+    options._compiled = true;
+  }
+  var hook;
+  if (injectStyles) {
+    hook = injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options
+  };
+}
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+var __vue2_script = defineComponent({
+  name: $prefix + "ConfigProvider",
+  props: _extends({
+    design: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    breakPoints: {
+      type: Object,
+      default: function _default2() {
+        return {
+          breakPoints: {
+            "xs": 480,
+            "sm": 640,
+            "md": 768,
+            "lg": 1024,
+            "xl": 1280,
+            "2xl": 1536
+          }
+        };
+      }
+    },
+    direction: {
+      type: String,
+      default: "ltr"
+    },
+    tag: {
+      type: Object,
+      default: function _default3() {
+        return {
+          enable: true,
+          name: "div"
+        };
+      }
+    }
+  }, props.map(function(item) {
+    var _ref;
+    return _ref = {}, _ref[item] = {
+      type: String
+    }, _ref;
+  }).reduce(function(pre, cur) {
+    return _extends({}, pre, cur);
+  })),
+  setup: function setup(props2, _ref2) {
+    var slots = _ref2.slots;
+    var _hooks$toRefs = hooks.toRefs(props2), direction = _hooks$toRefs.direction, design = _hooks$toRefs.design;
+    provideDesignConfig(design);
+    var isRTL = hooks.computed(function() {
+      return direction.value === "rtl";
+    });
+    var cssVar = hooks.computed(function() {
+      return {
+        "--text-direction": direction.value
+      };
+    });
+    var classNames = hooks.reactive({
+      "tiny-config-provider": true,
+      "tiny-config-provider__rtl": isRTL
+    });
+    hooks.provide(configProviderContextKey, props2);
+    return {
+      slots,
+      classNames,
+      cssVar,
+      props: props2,
+      isVue2
+    };
+  },
+  render: function render() {
+    var _this$$slots, _this$slots, _this$props$tag$name;
+    var attr = {
+      class: this.classNames,
+      style: this.cssVar
+    };
+    var slots = isVue2 ? (_this$$slots = this.$slots) == null ? void 0 : _this$$slots.default : (_this$slots = this.slots) == null ? void 0 : _this$slots.default == null ? void 0 : _this$slots.default();
+    if (!this.props.tag.enable) {
+      var _slots$length;
+      if (isVue2 && ((_slots$length = slots == null ? void 0 : slots.length) != null ? _slots$length : 1) > 1) {
+        return hooks.h("div", {}, slots);
+      }
+      return slots;
+    }
+    var tagName = (_this$props$tag$name = this.props.tag.name) != null ? _this$props$tag$name : "div";
+    return hooks.h(tagName, attr, slots);
+  }
+});
+var __vue2_render, __vue2_staticRenderFns;
+var __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles);
+function __vue2_injectStyles(context) {
+  for (var o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+var ConfigProvider = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+var version = "2.21.0";
+var configProviderContextKey = Symbol("CONFIG_PROVIDER_CONTEXT_KEY");
+ConfigProvider.install = function(Vue) {
+  Vue.component(ConfigProvider.name, ConfigProvider);
+};
+ConfigProvider.version = version;
+
+export { configProviderContextKey, ConfigProvider as default };

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@opentinyvue/vue-config-provider",
+  "version": "2.21.0",
+  "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "sideEffects": false,
+  "type": "module",
+  "dependencies": {
+    "@opentinyvue/vue-common": "~2.21.0",
+    "@opentinyvue/vue-theme": "~3.21.0"
+  },
+  "license": "MIT",
+  "types": "index.d.ts",
+  "scripts": {
+    "build": "pnpm -w build:ui $npm_package_name",
+    "//postversion": "pnpm build"
+  }
+}

package/src/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/props.d.ts

@@ -0,0 +1,22 @@
+export interface breakPoint {
+    'xs': number;
+    'sm': number;
+    'md': number;
+    'lg': number;
+    'xl': number;
+    '2xl': number;
+}
+export type TextDirection = 'rtl' | 'lrt';
+export interface Tag {
+    enable: boolean;
+    name: string;
+}
+export interface ConfigProviderProps {
+    breakPoints: breakPoint;
+    direction: 'rtl' | 'ltr';
+    globalPrefix?: string;
+    tag: {
+        enable?: boolean;
+        name?: string;
+    };
+}