@opentinyvue/vue-config-provider 2.22.0 → 2.23.0

package/lib/index.js

@@ -1,5 +1,7 @@
 import { defineComponent, $prefix, props, hooks, provideDesignConfig, isVue2 } from '@opentinyvue/vue-common';
 import '@opentinyvue/vue-theme/config-provider/index.css';
+import TinyThemeTool from '@opentinyvue/vue-theme/theme-tool';
+import { isObject } from '@opentinyvue/utils';
 
 function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
   var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
@@ -40,6 +42,45 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
+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 hasAnyKey = function hasAnyKey2(obj, keys) {
+  if (obj == null) {
+    return false;
+  }
+  if (keys.length === 0) {
+    return false;
+  }
+  for (var _iterator = _createForOfIteratorHelperLoose(keys), _step; !(_step = _iterator()).done; ) {
+    var key = _step.value;
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      return true;
+    }
+  }
+  return false;
+};
 var __vue2_script = defineComponent({
   name: $prefix + "ConfigProvider",
   props: _extends({
@@ -76,6 +117,12 @@ var __vue2_script = defineComponent({
           name: "div"
         };
       }
+    },
+    theme: {
+      type: Object,
+      default: function _default4() {
+        return null;
+      }
     }
   }, props.map(function(item) {
     var _ref;
@@ -87,8 +134,24 @@ var __vue2_script = defineComponent({
   })),
   setup: function setup(props2, _ref2) {
     var slots = _ref2.slots;
-    var _hooks$toRefs = hooks.toRefs(props2), direction = _hooks$toRefs.direction, design = _hooks$toRefs.design;
+    var _hooks$toRefs = hooks.toRefs(props2), direction = _hooks$toRefs.direction, design = _hooks$toRefs.design, theme = _hooks$toRefs.theme;
     provideDesignConfig(design);
+    hooks.watch(function() {
+      return theme.value;
+    }, function() {
+      if (isObject(theme.value) && hasAnyKey(theme.value, ["data"])) {
+        var themeTool = new TinyThemeTool();
+        themeTool.changeTheme(theme.value);
+      }
+      if (isObject(theme.value) && !hasAnyKey(theme.value, ["data"])) {
+        console.warn("configProvider组件的theme属性对象请配置data属性。e.g { data: {'tv-base-color-brand': '#000'}}");
+      }
+      if (theme.value && !isObject(theme.value)) {
+        console.warn("configProvider组件的theme属性请配置对象格式数据");
+      }
+    }, {
+      immediate: true
+    });
     var isRTL = hooks.computed(function() {
       return direction.value === "rtl";
     });
@@ -139,7 +202,7 @@ function __vue2_injectStyles(context) {
 var ConfigProvider = /* @__PURE__ */ function() {
   return __component__.exports;
 }();
-var version = "2.22.0";
+var version = "2.23.0";
 var configProviderContextKey = Symbol("CONFIG_PROVIDER_CONTEXT_KEY");
 ConfigProvider.install = function(Vue) {
   Vue.component(ConfigProvider.name, ConfigProvider);

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@opentinyvue/vue-config-provider",
-  "version": "2.22.0",
+  "version": "2.23.0",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~2.22.0",
-    "@opentinyvue/vue-theme": "~3.22.0"
+    "@opentinyvue/vue-common": "~2.23.0",
+    "@opentinyvue/vue-theme": "~3.23.0",
+    "@opentinyvue/utils": "~3.23.0"
   },
   "license": "MIT",
   "types": "index.d.ts",

package/src/props.d.ts

@@ -19,4 +19,5 @@ export interface ConfigProviderProps {
         enable?: boolean;
         name?: string;
     };
+    theme?: Object | null;
 }