3h1-ui 3.0.0-next.3 → 3.0.0-next.4

package/es/style.css

@@ -187,6 +187,28 @@ body {
   font-family: inherit;
   line-height: inherit;
 }
+button, input, select {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0;
+  line-height: inherit;
+  color: inherit;
+}
+button, select {
+  text-transform: none;
+}
+button, [type='button'], [type='reset'], [type='submit'] {
+  -webkit-appearance: button;
+}
+button {
+  background-color: transparent;
+  background-image: none;
+}
+button, [role="button"] {
+  cursor: pointer;
+}
 html {
   -webkit-text-size-adjust: 100%;
   font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
@@ -197,6 +219,26 @@ img {
   max-width: 100%;
   height: auto;
 }
+input::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+input::webkit-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+input::-moz-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+input:-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+input::-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
 img, svg {
   display: block;
   vertical-align: middle;
@@ -204,16 +246,6 @@ img, svg {
 p {
   margin: 0;
 }
-select {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  text-transform: none;
-  padding: 0;
-  line-height: inherit;
-  color: inherit;
-}
 table {
   text-indent: 0;
   border-color: inherit;
@@ -8030,4 +8062,88 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   overflow: auto;
   padding: 0 0;
   height: 100%;
+}.vue-colorful {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 200px;
+  height: 200px;
+  user-select: none;
+  cursor: default;
+}
+.vue-colorful__saturation {
+  position: relative;
+  flex-grow: 1;
+  border-color: transparent;
+  border-bottom: 12px solid #000;
+  border-radius: 8px 8px 0 0;
+  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),
+      linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
+}
+.vue-colorful__pointer-fill, .vue-colorful__alpha-gradient {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  border-radius: inherit;
+}
+.vue-colorful__alpha-gradient, .vue-colorful__saturation {
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+.vue-colorful__hue, .vue-colorful__alpha {
+  position: relative;
+  height: 24px;
+}
+.vue-colorful__hue {
+  background: linear-gradient(
+      to right,
+      #f00 0%,
+      #ff0 17%,
+      #0f0 33%,
+      #0ff 50%,
+      #00f 67%,
+      #f0f 83%,
+      #f00 100%
+    );
+}
+.vue-colorful__last-control {
+  border-radius: 0 0 8px 8px;
+}
+.vue-colorful__interactive {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: inherit;
+  outline: none;
+  touch-action: none;
+}
+.vue-colorful__pointer {
+  position: absolute;
+  z-index: 1;
+  box-sizing: border-box;
+  width: 28px;
+  height: 28px;
+  transform: translate(-50%, -50%);
+  background-color: #fff;
+  border: 2px solid #fff;
+  border-radius: 50%;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.vue-colorful__interactive:focus .vue-colorful__pointer {
+  transform: translate(-50%, -50%) scale(1.1);
+}
+.vue-colorful__alpha, .vue-colorful__alpha-pointer {
+  background-color: #fff;
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><rect x="8" width="8" height="8"/><rect y="8" width="8" height="8"/></svg>');
+}
+.vue-colorful__saturation-pointer {
+  z-index: 3;
+}
+.vue-colorful__hue-pointer {
+  z-index: 2;
 }

package/index.ts

@@ -0,0 +1,38 @@
+import 'virtual:windi-base.css'
+import 'virtual:windi-components.css'
+import 'virtual:windi-utilities.css'
+import 'ant-design-vue/dist/reset.css';
+
+export * from './src/Form'
+export * from './src/Container'
+export * from './src/Table'
+export * from './src/Modal'
+export * from './src/Page'
+export * from './src/Description'
+export * from './src/Scrollbar'
+// export * from './src/FlowChart'
+export * from './src/Dropdown'
+export * from './src/Drawer'
+export * from './src/Cropper'
+export * from './src/CountTo'
+export * from './src/CountDown'
+export * from './src/Container'
+export * from './src/ClickOutSide'
+// export * from './src/DictTag'
+export * from './src/Button'
+export * from './src/Basic'
+export * from './src/Tree'
+export * from './src/Icon'
+export * from './src/Loading'
+export * from './src/StrengthMeter'
+export * from './src/TablePlus'
+export * from './src/AdvancedSearch'
+export * from './src/Label'
+export * from './src/BasicContainer'
+export * from './src/DescriptionsForm'
+export * from './src/BasicResizeWrapper'
+export * from './src/ColorPickerPanel'
+
+import { registerGlobalConfig } from './config/index'
+
+export { registerGlobalConfig }