@gct-paas/core-web 0.1.4-dev.8 → 0.1.4-dev.9

package/es/modules/color-picker/src/ColorPicker2.css

@@ -0,0 +1,156 @@
+.color-picker__popover .ant-popover-inner-content {
+  padding: 0;
+}
+.color-picker__popover .color-picker {
+  z-index: 9;
+  width: var(--w);
+  padding: 10px;
+  background: #fff;
+  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
+  user-select: none;
+  /* 饱和度和亮度 */
+  /* 色调 透明度 */
+  /* 颜色方块 */
+  /* 颜色的值 hex rgba */
+}
+.color-picker__popover .color-picker-saturation {
+  position: relative;
+  width: 100%;
+  height: 200px;
+  margin-bottom: 10px;
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  /* 圆圈 */
+}
+.color-picker__popover .color-picker-saturation div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.color-picker__popover .color-picker-saturation .point {
+  position: absolute;
+  z-index: 9;
+  box-sizing: border-box;
+  width: 6px;
+  height: 6px;
+  transform: translate(-50%, -50%);
+  border: 2px solid #ccc;
+  border-radius: 50%;
+  background-color: transparent;
+}
+.color-picker__popover .color-picker-saturation-t {
+  background: linear-gradient(to right, white, #fff0);
+}
+.color-picker__popover .color-picker-saturation-h {
+  background: linear-gradient(to top, black, #fff0);
+}
+.color-picker__popover .color-picker-middle {
+  display: flex;
+  width: 100%;
+  margin-bottom: 10px;
+  /* 色调滑块条 */
+  /* 透明度滑块条 */
+  /* 滑块 */
+}
+.color-picker__popover .color-picker-middle .hue-slider {
+  position: relative;
+  height: 10px;
+  margin-bottom: 6px;
+  background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+.color-picker__popover .color-picker-middle .alpha-slider {
+  position: relative;
+  height: 10px;
+  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==');
+  background-size: 10px 10px;
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+.color-picker__popover .color-picker-middle .slider {
+  position: absolute;
+  box-sizing: border-box;
+  width: 6px;
+  height: 100%;
+  background-color: #fff;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
+  cursor: pointer;
+}
+.color-picker__popover .color-picker-diamond {
+  position: relative;
+  width: 26px;
+  height: 26px;
+  margin-left: 5px;
+  overflow: hidden;
+  border-radius: 3px;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==');
+  background-size: 10px 10px;
+}
+.color-picker__popover .color-picker-value {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.color-picker__popover .color-picker-value div {
+  padding: 0 3px;
+  text-align: center;
+}
+.color-picker__popover .color-picker-value input {
+  box-sizing: border-box;
+  width: 34px;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  outline: none;
+  font-size: 12px;
+  text-align: center;
+}
+.color-picker__popover .color-picker-value p {
+  margin: 3px 0 0;
+  font-size: 12px;
+}
+.color-picker__popover .color-picker-value .rgba-a {
+  padding-right: 0;
+}
+.color-picker__popover .color-picker-value .hex {
+  flex: 1;
+  padding-left: 0;
+}
+.color-picker__popover .color-picker-value .hex input {
+  width: 100%;
+  height: 24px;
+}
+.color-picker__popover .color-picker .presetColor {
+  /* 预设颜色  */
+}
+.color-picker__popover .color-picker .presetColor .title {
+  margin-bottom: 10px;
+  padding-top: 8px;
+  border-top: 1px solid #eaeaea;
+  font-size: 12px;
+}
+.color-picker__popover .color-picker .presetColor .preset {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  width: 100%;
+  margin: 10px 0 0;
+  padding: 0;
+  list-style: none;
+}
+.color-picker__popover .color-picker .presetColor .preset li {
+  width: 20px;
+  height: 20px;
+  margin-right: 6px;
+  margin-bottom: 6px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  cursor: pointer;
+}
+.color-picker__popover .color-value .color-value .color-value .hex input {
+  width: 100%;
+  height: 24px;
+}

package/es/modules/gct-dnd/constants/index.d.ts

@@ -1,24 +1,22 @@
 /**
  * 拖拽放置时的插入位置
- *
- * @export
- * @enum {number}
  */
-export declare enum GCT_DND_INSERT_POS {
+export declare const GCT_DND_INSERT_POS: {
     /**
      * 插入第一个
      */
-    FIRST = "first",
+    readonly FIRST: "first";
     /**
      * 插入前
      */
-    BEFORE = "before",
+    readonly BEFORE: "before";
     /**
      * 插入后
      */
-    AFTER = "after",
+    readonly AFTER: "after";
     /**
      * 插入最后
      */
-    LAST = "last"
-}
+    readonly LAST: "last";
+};
+export type GCT_DND_INSERT_POS = (typeof GCT_DND_INSERT_POS)[keyof typeof GCT_DND_INSERT_POS];

package/es/modules/gct-dnd/constants/index.mjs

@@ -1,9 +1,20 @@
-var GCT_DND_INSERT_POS = /* @__PURE__ */ ((GCT_DND_INSERT_POS2) => {
-  GCT_DND_INSERT_POS2["FIRST"] = "first";
-  GCT_DND_INSERT_POS2["BEFORE"] = "before";
-  GCT_DND_INSERT_POS2["AFTER"] = "after";
-  GCT_DND_INSERT_POS2["LAST"] = "last";
-  return GCT_DND_INSERT_POS2;
-})(GCT_DND_INSERT_POS || {});
+const GCT_DND_INSERT_POS = {
+  /**
+   * 插入第一个
+   */
+  FIRST: "first",
+  /**
+   * 插入前
+   */
+  BEFORE: "before",
+  /**
+   * 插入后
+   */
+  AFTER: "after",
+  /**
+   * 插入最后
+   */
+  LAST: "last"
+};
 
 export { GCT_DND_INSERT_POS };

package/es/modules/global-modal/index.d.ts

@@ -0,0 +1,5 @@
+import { WithInstall } from '../../utils';
+export declare const BasicModal: WithInstall<unknown>;
+export { useModalContext } from './src/hooks/useModalContext';
+export { useModal, useModalInner } from './src/hooks/useModal';
+export * from './src/typing';

package/es/modules/global-modal/index.mjs

@@ -0,0 +1,16 @@
+import '../../components/app-modal/app-modal-component.css';import './src/index.css';/* empty css                */
+import _sfc_main from './src/BasicModal.vue.mjs';
+import 'ant-design-vue';
+import '../../utils/monaco-loader/monaco-loader.mjs';
+import 'lodash-es';
+import 'vue';
+import '@gct-paas/core';
+import 'vue3-dnd';
+import 'react-dnd-html5-backend';
+/* empty css                                                   */
+import { withInstall } from '../../utils/with-install.mjs';
+export { useModal, useModalInner } from './src/hooks/useModal.mjs';
+
+const BasicModal = withInstall(_sfc_main);
+
+export { BasicModal };