plain-design 1.0.0-beta.100 → 1.0.0-beta.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.100",
+  "version": "1.0.0-beta.101",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",
@@ -21,7 +21,7 @@
   "peerDependencies": {
     "exceljs": "^4.2.1",
     "file-saver": "^2.0.5",
-    "plain-design-composition": "^0.0.190",
+    "plain-design-composition": "^0.0.194",
     "react": "^18.0.1",
     "react-dom": "^18.0.1"
   },
@@ -70,7 +70,7 @@
     "fork-ts-checker-webpack-plugin": "6.5.3",
     "mini-css-extract-plugin": "1.6.2",
     "mockjs": "^1.1.0",
-    "plain-design-composition": "^0.0.190",
+    "plain-design-composition": "^0.0.194",
     "postcss": "8.4.32",
     "postcss-loader": "4.3.0",
     "qs": "6.11.2",

package/src/packages/components/Dropdown/dropdown.utils.tsx

@@ -1,6 +1,5 @@
-import {getComponentCls, mergeAttrs, RenderNode} from "plain-design-composition";
+import {createProvider, getComponentCls, mergeAttrs, RenderNode} from "plain-design-composition";
 import {createEnum} from "plain-utils/utils/createEnum";
-import {createProvider} from "../../utils/createProvider";
 import {Icon} from "../Icon";
 import './dropdown.public.scss';
 import {ePopupTrigger} from "../usePopup/utils/popup.utils";

package/src/packages/components/Input/index.scss

@@ -351,6 +351,16 @@
           align-items: center;
           justify-content: center;
         }
+
+        &.input-tag-container-wrap {
+          .input-tag {
+            height: auto;
+            min-height: calc(#{$height} - 8px);
+            white-space: nowrap;
+            word-break: break-all;
+            max-width: 100%;
+          }
+        }
       }
     }
 

package/src/packages/components/Popup/PopupProvider.tsx

@@ -1,5 +1,4 @@
-import {createProvider} from "../../utils/createProvider";
-import {getComponentCls} from "plain-design-composition";
+import {createProvider, getComponentCls} from "plain-design-composition";
 import {iPopupAnimation, iPopupTrigger, iPopupUseOption} from "../usePopup/utils/popup.utils";
 
 /**

package/src/packages/components/ThemeDarkSelector/index.tsx

@@ -3,7 +3,6 @@ import i18n from "../i18n";
 import Tooltip from "../Tooltip";
 import PageThemeUtils from "../PageThemeUtils";
 import Icon from "../Icon";
-import './theme-dark-selector.scss';
 
 export const ThemeDarkSelector = designComponent({
   name: 'theme-dark-selector',

package/src/packages/components/ThemeLocaleSelector/index.tsx

@@ -3,7 +3,6 @@ import Dropdown from "../Dropdown";
 import DropdownOption from "../DropdownOption";
 import Icon from "../Icon";
 import i18n from "../i18n";
-import './theme-locale-selector.scss';
 
 export const ThemeLocaleSelector = designComponent({
   name: 'theme-locale-selector',

package/src/packages/components/ThemeShapeSelector/index.tsx

@@ -5,7 +5,6 @@ import i18n from "../i18n";
 import Icon from "../Icon";
 import {ThemeShape} from "../../uses/useStyle";
 import PageThemeUtils from "../PageThemeUtils";
-import './theme-shape-selector.scss';
 
 export const ThemeShapeSelector = designComponent({
   name: 'theme-shape-selector',

package/src/packages/components/ThemeSizeSelector/index.tsx

@@ -4,7 +4,6 @@ import DropdownOption from "../DropdownOption";
 import i18n from "../i18n";
 import Icon from "../Icon";
 import PageThemeUtils from "../PageThemeUtils";
-import './theme-size-selector.scss';
 import {ThemeSize} from "../../uses/useStyle";
 
 export const ThemeSizeSelector = designComponent({

package/src/packages/components/usePopup/utils/popup.utils.ts

@@ -1,10 +1,9 @@
 import {createEnum} from "plain-utils/utils/createEnum";
 import {createCounter} from "plain-utils/utils/createCounter";
-import {getComponentCls, RenderNode, SimpleFunction} from "plain-design-composition";
+import {createProvider, getComponentCls, RenderNode, SimpleFunction} from "plain-design-composition";
 import {iPopupManagerHooks} from "./createPopupManagerHooks";
 import {iElementRect} from "../../../utils/getRowEl";
 import {ThemeSize, ThemeStatus} from "../../../uses/useStyle";
-import {createProvider} from "../../../utils/createProvider";
 
 /**
  * direction

package/src/packages/entry.tsx

@@ -266,7 +266,6 @@ export {useReferenceTrigger} from './components/useReferenceTrigger';
 export {usePopupTrigger} from './components/usePopupTrigger';
 export {useWatchAutoClear} from './components/useWatchAutoClear';
 export {nextPopupId} from './components/nextPopupId';
-export {createProvider} from './components/createProvider';
 export {usePopupManager} from './components/usePopupManager';
 export {useEdit, EditProps, EDIT_PROVIDER} from './uses/useEdit';
 export type {tEditComputed, tEditControl, EditProvideData} from './uses/useEdit';

package/src/packages/styles/application/application.public.scss

@@ -6,3 +6,10 @@
     transition: none !important;
   }
 }
+
+@include comp(theme-selector) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: plv(text-1);
+}

package/src/packages/components/ThemeDarkSelector/theme-dark-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-dark-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/packages/components/ThemeLocaleSelector/theme-locale-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-locale-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/packages/components/ThemeShapeSelector/theme-shape-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-shape-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/packages/components/ThemeSizeSelector/theme-size-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-size-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/packages/components/createProvider/index.ts

@@ -1,5 +0,0 @@
-import {createProvider} from "../../utils/createProvider";
-
-export {createProvider};
-
-export default createProvider;

package/src/packages/utils/createProvider.tsx

@@ -1,35 +0,0 @@
-import {designComponent, inject, PropType, provide} from "plain-design-composition";
-
-interface iInjection<T> {
-  (): T,
-
-  <D>(data: D): T | D,
-}
-
-export function createProvider<T>(provideKey: string) {
-
-  const Provider = designComponent({
-    props: {
-      value: { type: Object as PropType<T>, required: true }
-    },
-    slots: ['default'],
-    setup({ props, slots }) {
-      // @ts-ignore
-      !!props.value && provide(provideKey, props.value);
-      return () => slots.default();
-    },
-  });
-
-  return {
-    provideKey,
-    Provider,
-    provide: (context: T) => {
-      provide(provideKey, context);
-    },
-    inject: ((defaultData?: any) => inject(provideKey, defaultData)) as iInjection<T>,
-  };
-}
-
-// const AppProvider = createProvider<HTMLDivElement>('@@APP_PROVIDER');
-// const a = AppProvider.inject();           // HTMLDivElement，注入不到东西会报错
-// const b = AppProvider.inject(null);       // HTMLDivElement|null，注入不到东西会返回默认值