@vyr/design 0.0.1

package/src/font/iconfont.json

@@ -0,0 +1,345 @@
+{
+  "id": "5038851",
+  "name": "vyr",
+  "font_family": "vyrfont",
+  "css_prefix_text": "vyr-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "38696799",
+      "name": "preset",
+      "font_class": "preset",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "17814027",
+      "name": "激活",
+      "font_class": "active",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "36086809",
+      "name": "动画",
+      "font_class": "hover",
+      "unicode": "e75b",
+      "unicode_decimal": 59227
+    },
+    {
+      "icon_id": "348508",
+      "name": "font",
+      "font_class": "category-font",
+      "unicode": "eadc",
+      "unicode_decimal": 60124
+    },
+    {
+      "icon_id": "4428455",
+      "name": "样式",
+      "font_class": "category-style",
+      "unicode": "e793",
+      "unicode_decimal": 59283
+    },
+    {
+      "icon_id": "41158486",
+      "name": "材质",
+      "font_class": "category-material",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "9642385",
+      "name": "场景",
+      "font_class": "changjing",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "43385742",
+      "name": "资产",
+      "font_class": "sidebar-asset",
+      "unicode": "e841",
+      "unicode_decimal": 59457
+    },
+    {
+      "icon_id": "12648721",
+      "name": "运行",
+      "font_class": "yunhang",
+      "unicode": "e976",
+      "unicode_decimal": 59766
+    },
+    {
+      "icon_id": "16731285",
+      "name": "停止",
+      "font_class": "tingzhi",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "24942704",
+      "name": "组合",
+      "font_class": "category-prefab",
+      "unicode": "e65f",
+      "unicode_decimal": 58975
+    },
+    {
+      "icon_id": "42800365",
+      "name": "json",
+      "font_class": "category-json",
+      "unicode": "e817",
+      "unicode_decimal": 59415
+    },
+    {
+      "icon_id": "5802127",
+      "name": "动画",
+      "font_class": "category-animation",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "15838444",
+      "name": "close",
+      "font_class": "close",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "2077535",
+      "name": "确认",
+      "font_class": "queren",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "12752309",
+      "name": "撤销",
+      "font_class": "quxiao",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "6326748",
+      "name": "重置",
+      "font_class": "zhongzhi",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "35035274",
+      "name": "流程",
+      "font_class": "category-routine",
+      "unicode": "e71e",
+      "unicode_decimal": 59166
+    },
+    {
+      "icon_id": "2921515",
+      "name": "数据源",
+      "font_class": "category-dataset",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "35171484",
+      "name": "模型",
+      "font_class": "category-model",
+      "unicode": "e860",
+      "unicode_decimal": 59488
+    },
+    {
+      "icon_id": "128632",
+      "name": "upload",
+      "font_class": "copy_to",
+      "unicode": "e664",
+      "unicode_decimal": 58980
+    },
+    {
+      "icon_id": "141615",
+      "name": "download2",
+      "font_class": "copy_from",
+      "unicode": "e70c",
+      "unicode_decimal": 59148
+    },
+    {
+      "icon_id": "666885",
+      "name": "设置",
+      "font_class": "shezhi",
+      "unicode": "e68f",
+      "unicode_decimal": 59023
+    },
+    {
+      "icon_id": "1167321",
+      "name": "删除",
+      "font_class": "shanchu",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "8776631",
+      "name": "view",
+      "font_class": "kejian",
+      "unicode": "e633",
+      "unicode_decimal": 58931
+    },
+    {
+      "icon_id": "8776676",
+      "name": "view_off",
+      "font_class": "bukejian",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "8777601",
+      "name": "右箭头",
+      "font_class": "right-arrow",
+      "unicode": "e65b",
+      "unicode_decimal": 58971
+    },
+    {
+      "icon_id": "15838424",
+      "name": "add",
+      "font_class": "add",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "15838532",
+      "name": "success",
+      "font_class": "success",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "15838551",
+      "name": "warning",
+      "font_class": "warning",
+      "unicode": "e682",
+      "unicode_decimal": 59010
+    },
+    {
+      "icon_id": "15838562",
+      "name": "arrow-up-bold",
+      "font_class": "arrow-up-bold",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "15838564",
+      "name": "arrow-down-bold",
+      "font_class": "arrow-down-bold",
+      "unicode": "e686",
+      "unicode_decimal": 59014
+    },
+    {
+      "icon_id": "4251766",
+      "name": "文件夹",
+      "font_class": "wenjianjia",
+      "unicode": "e650",
+      "unicode_decimal": 58960
+    },
+    {
+      "icon_id": "28193224",
+      "name": "文件",
+      "font_class": "wenjian",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "1004676",
+      "name": "播放4",
+      "font_class": "category-video",
+      "unicode": "e656",
+      "unicode_decimal": 58966
+    },
+    {
+      "icon_id": "7362784",
+      "name": "资源 5224",
+      "font_class": "category-image",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "7903675",
+      "name": "音乐",
+      "font_class": "category-audio",
+      "unicode": "e72a",
+      "unicode_decimal": 59178
+    },
+    {
+      "icon_id": "1943311",
+      "name": "几何体",
+      "font_class": "category-geometry",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "11139925",
+      "name": "tau",
+      "font_class": "category-texture",
+      "unicode": "e62f",
+      "unicode_decimal": 58927
+    },
+    {
+      "icon_id": "16384723",
+      "name": "其他",
+      "font_class": "category-other",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "24848380",
+      "name": "编辑",
+      "font_class": "bianji",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "7718275",
+      "name": "必填",
+      "font_class": "bitian",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "577306",
+      "name": "方形未选中",
+      "font_class": "checked-no",
+      "unicode": "e720",
+      "unicode_decimal": 59168
+    },
+    {
+      "icon_id": "351761",
+      "name": "多选标记",
+      "font_class": "checked-multiple",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "637760",
+      "name": "对号",
+      "font_class": "checked-all",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "2733964",
+      "name": "脚本任务",
+      "font_class": "category-ts",
+      "unicode": "e6ec",
+      "unicode_decimal": 59116
+    },
+    {
+      "icon_id": "4124252",
+      "name": "开发中",
+      "font_class": "kaifazhong",
+      "unicode": "e791",
+      "unicode_decimal": 59281
+    },
+    {
+      "icon_id": "15838430",
+      "name": "删除",
+      "font_class": "remove",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    }
+  ]
+}

package/src/index.ts

@@ -0,0 +1,68 @@
+import './theme'
+import VyrSlot from './components/Slot.vue'
+import VyrButton from './components/Button.vue'
+import VyrDivider from './components/Divider.vue'
+import VyrCard from './components/Card.vue'
+import VyrCascader from './components/Cascader.vue'
+import VyrChecked from './components/Checked.vue'
+import VyrCheckedGroup from './components/CheckedGroup.vue'
+import VyrCol from './components/Col.vue'
+import VyrColorPicker from './components/ColorPicker.vue'
+import VyrDrapdown from './components/Dropdown.vue'
+import VyrDialog from './components/Dialog.vue'
+import VyrDraggable from './components/Draggable.vue'
+import VyrDynamicLayouter from './components/DynamicLayouter.vue'
+import VyrForm from './components/Form.vue'
+import VyrInput from './components/Input.vue'
+import VyrInputNumber from './components/InputNumber.vue'
+import VyrLabel from './components/Label.vue'
+import VyrMask from './components/Mask.vue'
+import VyrOption from './components/Option.vue'
+import VyrOptions from './components/Options.vue'
+import VyrPopover from './components/Popover.vue'
+import VyrProvider from './components/Provider.vue'
+import VyrRow from './components/Row.vue'
+import VyrScroll from './components/Scroll.vue'
+import VyrSelect from './components/Select.vue'
+import VyrTree from './components/Tree.vue'
+import VyrRightMenu from './components/RightMenu.vue'
+
+export {
+    VyrSlot,
+    VyrButton,
+    VyrDivider,
+    VyrCard,
+    VyrCascader,
+    VyrChecked,
+    VyrCheckedGroup,
+    VyrCol,
+    VyrColorPicker,
+    VyrDrapdown,
+    VyrDialog,
+    VyrDraggable,
+    VyrDynamicLayouter,
+    VyrForm,
+    VyrInput,
+    VyrInputNumber,
+    VyrLabel,
+    VyrMask,
+    VyrOption,
+    VyrOptions,
+    VyrPopover,
+    VyrProvider,
+    VyrRow,
+    VyrScroll,
+    VyrSelect,
+    VyrTree,
+    VyrRightMenu,
+}
+
+export * from './locale'
+export * from './theme'
+export * from './components'
+export * from './components/types'
+export * from './components/common/DraggableController'
+export * from './components/common/ResizeListener'
+export * from './components/singleton'
+export * from './components/utils'
+export * from './tool'

package/src/locale/Language.ts

@@ -0,0 +1,10 @@
+import { Locale } from "@vyr/locale";
+import { zhCnLanguageProvider, ZhCNLanguageProvider } from "./LanguageProvider";
+
+Locale.register(zhCnLanguageProvider)
+
+const language = Locale.getLanguage<ZhCNLanguageProvider>(zhCnLanguageProvider.name)
+
+export {
+    language
+}

package/src/locale/LanguageProvider.ts

@@ -0,0 +1,38 @@
+import { LanguageProvider } from '@vyr/locale'
+
+interface ZhCNLanguageProvider extends LanguageProvider {
+    'input.placeholder': string
+    'select.placeholder': string
+    'notify.send.notMessage': string
+    'confirm.state.notFound': string
+    'confirm.button.submit': string
+    'confirm.button.cancel': string
+    'dialog.state.notFound': string
+    'dialog.button.submit': string
+    'dialog.button.cancel': string
+    'options.tips.notData': string
+    'options.tips.notFound': string
+    'scroll.listen.error': string
+}
+
+const zhCnLanguageProvider: ZhCNLanguageProvider = {
+    id: 'zh_CN',
+    name: '@vyr/design',
+    'input.placeholder': '请输入内容',
+    'select.placeholder': '请选择',
+    'notify.send.notMessage': '消息已被忽略，缺少提示信息！',
+    'confirm.state.notFound': '未初始化确认框的状态',
+    'confirm.button.submit': '确 认',
+    'confirm.button.cancel': '取 消',
+    'dialog.state.notFound': '未初始化确认框的状态',
+    'dialog.button.submit': '确 认',
+    'dialog.button.cancel': '取 消',
+    'options.tips.notData': '暂无数据',
+    'options.tips.notFound': '无匹配数据',
+    'scroll.listen.error': '无法计算滚动属性!',
+}
+
+export {
+    ZhCNLanguageProvider,
+    zhCnLanguageProvider,
+}

package/src/locale/index.ts

@@ -0,0 +1,2 @@
+export * from './LanguageProvider'
+export * from './Language'

package/src/theme/global.less

@@ -0,0 +1,91 @@
+/****************************************************************/
+/****************************全局样式****************************/
+
+.handle {
+    cursor: pointer;
+}
+
+.left {
+    text-align: left;
+}
+
+.center {
+    text-align: center;
+}
+
+.right {
+    text-align: right;
+}
+
+.scrollbar {
+    @scroll-color: rgba(0, 0, 0, 0);
+
+    scrollbar-arrow-color: @scroll-color;
+    scrollbar-face-color: @scroll-color;
+    scrollbar-3dlight-color: @scroll-color;
+    scrollbar-highlight-color: @scroll-color;
+    scrollbar-shadow-color: @scroll-color;
+    scrollbar-darkshadow-color: @scroll-color;
+    scrollbar-track-color: @scroll-color;
+    scrollbar-base-color: @scroll-color;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+.t_hide {
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.t_warp {
+    //文字换行
+    white-space: pre-wrap;
+    //字母数字换行
+    word-break: break-all;
+}
+
+.vyr-font-family {
+    font-family: 'Segoe UI', Arial, sans-serif;
+}
+
+.vyr-input-icon {
+    font-size: 12px;
+    margin: 0 2px;
+    color: var(--vyr-helper-color);
+    transition: all var(--vyr-animation-time);
+}
+
+.vyr-drag-mouse {
+    cursor: move;
+}
+
+
+.vyr-transition-enter-active {
+    animation: vyr-transition var(--vyr-animation-time);
+}
+
+.vyr-transition-leave-active {
+    animation: vyr-transition var(--vyr-animation-time) reverse;
+}
+
+@keyframes vyr-transition {
+
+    0%,
+    10% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
+
+
+/****************************全局样式****************************/
+/****************************************************************/