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

package/lib/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/package.json

@@ -1,9 +1,9 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.3",
+  "version": "3.0.0-next.4",
   "description": "",
-  "module": "es/index.js",
-  "main": "lib/index.js",
+  "module": "",
+  "main": "index.ts",
   "files": [
     "es",
     "lib"
@@ -30,8 +30,8 @@
     "vxe-table": "^4.3.6",
     "xe-utils": "^3.5.7",
     "@shy-plugins/tinymce": "^1.0.6",
-    "@shy-plugins/utils": "1.1.1",
-    "@shy-plugins/use": "1.0.9"
+    "@shy-plugins/use": "1.0.0-next.1",
+    "@shy-plugins/utils": "1.0.0-next.1"
   },
   "types": "es/ui/index.d.ts",
   "devDependencies": {