ecaps1038 / yike-design-dev Goto Github PK

View Code? Open in Web Editor NEW

329.0 329.0 175.0 11.52 MB

Vue3+Ts+Less 开发的前端UI框架

Home Page: http://yike.design

Vue 56.97% Less 15.99% TypeScript 26.86% JavaScript 0.11% Shell 0.03% HTML 0.05%

yike-design-dev's People

Contributors

Stargazers

Watchers

Forkers

cbtpro rickon-dafei lin596666 kamiken233 hades-lei minuque allenaka jingangred mydatahouse sjnode97 vera0005 ttzxh can1177 chaosll 2875823569 lk-5919 roseyw laughingdyc healer10727 francis1024 artsmp0 albert-minjie-cloud ray-lty huangyao3 uysauiyo liyouzhoudabao v21xy iwengx chimannn shixinwenrounan qianmengqwq duchaoqian ronlado74 naitiam xiushiwen tuomiu annoyc trees9527 edikking vcc0827 przeblysk simonhungchun roview kangkang123269 yonina11-code gengzhaoji jason11q gwokwong vccyb helptome1 w5han zzzzhangzzzz githubwangxb hzpeng57 sechi747 momei-ljm liymax xfansean su20a db324246 feercc allenpopo supersunstreaker thornboo silin001 1rone11 00000000002 charliegogh jesseice gung9527 xiaoyao-ye xinxiaoisme crownico yocenly qpvicus fumtydt whf605319646 matto49 w771720870 fleurxxx machunyu1995 xiaomo-donald 0219peter iexit indolentface fgt1t5y zjhzqiushuai1997 weiwang988 717986230 ccchur fltenwall jianqianyan bbt-sudo reghost00 zasuka zhounie liususu alex-xueyao zz541843 niezicheng

yike-design-dev's Issues

Pagination 分页组件分页在3页的时候，不显示第二页

Dropdown组件样式不生效

在开发分页组件时发现，如果直接加载当前页面，Dropdown的样式会不生效

当切换到其他组件的页面再切换回去分页组件页面后，样式又会生效

Calendar 日历组件高亮显示错误

Calendar 日历组件高亮显示错误，比如图片中为什么29号亮了 30、31没亮，下面3号亮了1、2号没亮

TreeSelect树形选择的时候在点击图片里面的叉叉会报错

table组件功能缺陷

table组件我们不必很复杂，但是现在似乎只能展示数据，目前功能缺少单行控制能力，比如点击删除某一行数据事件的插入~

比如要要对现在的这两个按钮插入对应行的真实事件该如何操作？

关于Drawer组件使用产生的一个细节BUG!

你好，首先我无法为你提供直接的证据证明这个问题。当你在使用Drawer的时候由于overflow的原因导致滚动条的消失，那样就会造成整个页面元素横行的偏移闪烁！

The icon in the rating component does not display

关于 image 图片懒加载问题

我在代码中禁止了懒加载如下

在第一页图片是不加载直接出现的

但当到第二页就不会直接出现，一直处于加载状态

Tooltip文字提示->气泡位置自动调整->气泡遮挡

这个Tooltip文字提示->气泡位置自动调整->气泡遮挡好像对左右没有效果只有上下有效果，

TreeSelect树形选择的时候在多选的情况下开启显示清空按钮也不显示清空按钮

TreeSelect树形选择的时候在多选的情况下开启显示清空按钮也不现实清空按钮

bug: 发现yike-design-dev/monorepo-dev的build基建是有问题的

版本

操作系统版本：macos
项目版本：yike-design-dev/monorepo-dev

重现步骤

首次进行git clone https://github.com/ecaps1038/yike-design-dev -b monorepo-dev
cd到项目文件根路径，执行pnpm i
显示以下报错，请注意【告警 - WARN】部分和【错误】部分

Scope: all 5 workspace projects
Lockfile is up-to-date, resolution step is skipped
Packages: +796
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: /.pnpm-store/v3
  Virtual store is at:             node_modules/.pnpm
node_modules/.pnpm/[email protected][email protected]/node_modules/vue-demi: Running postinstall script, done in 74ms
Progress: resolved 796, reused 794, downloaded 0, added 796, done
node_modules/.pnpm/[email protected]/node_modules/esbuild: Running postinstall script, done in 156ms
 WARN  Failed to create bin at /Projects/ui-components/yike-design-dev/packages/yike-design-ui/node_modules/.bin/yike-build. The source file at /Projects/ui-components/yike-design-dev/build/dist/index.js does not exist.

dependencies:
+ vue 3.3.4

devDependencies:
+ @testing-library/vue 7.0.0
+ @types/node 18.17.6
+ @typescript-eslint/eslint-plugin 6.4.0
+ @typescript-eslint/parser 6.4.0
+ @vitejs/plugin-vue 4.3.1
+ @vitejs/plugin-vue-jsx 3.0.2
+ eslint 8.47.0
+ eslint-config-prettier 8.10.0
+ eslint-import-resolver-typescript 3.6.0
+ eslint-plugin-import 2.28.1
+ eslint-plugin-unused-imports 2.0.0
+ eslint-plugin-vue 9.17.0
+ husky 8.0.3
+ less 4.2.0
+ lint-staged 13.3.0
+ postcss 8.4.28
+ postcss-html 1.5.0
+ postcss-less 6.0.0
+ prettier 2.8.8
+ standard-version 9.5.0
+ stylelint 15.10.3
+ stylelint-config-recommended-vue 1.5.0
+ stylelint-config-standard-vue 1.0.0
+ stylelint-less 1.0.8
+ stylelint-order 6.0.3
+ typescript 5.1.6
+ vite 4.4.9
+ vue-tsc 1.8.8

. postinstall$ npx husky install
│ husky - Git hooks installed
└─ Done in 1s
. prepare$ pnpm --filter @yike/build build && pnpm gen:icon
│ > @yike/[email protected] build /Projects/ui-components/yike-design-dev/build
│ > tsc
│ > [email protected] gen:icon /Projects/ui-components/yike-design-dev
│ > pnpm --filter yike-design-ui gen:icon
│ > yike-design-ui@ gen:icon /Projects/ui-components/yike-design-dev/packages/yike-design-ui
│ > yike-build icongen
│ sh: yike-build: command not found
│ undefined
│ /Projects/ui-components/yike-design-dev/packages/yike-design-ui:
│  ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL  yike-design-ui@ gen:icon: `yike-build icongen`
│ spawn ENOENT
│  ELIFECYCLE  Command failed with exit code 1.
└─ Failed in 2.2s
 ELIFECYCLE  Command failed with exit code 1.

错误后重新执行pnpm i执行成功

期望的行为

执行pnpm i即可安装依赖成功

实际的行为

执行pnpm i会出现报错，第二次pnpm i才可以成功

附加信息（截图/代码片段等）

最小可重现demo：
仓库地址：https://github.com/calandnong/yike-design-dev-pnpm-i-fix
重新demo分支：master
修复方案分支：bug-fix/fix-build-commond-fail
原因分析：
告警（Failed to create bin）的原因：
依赖安装时不同配置的加载顺序导致，会先去处理bin部分的内容解析引用保存到内存中，处理完成后才会进入pnpm的钩子事件的执行。
具体原因如下：
在build/package.json中，提前设置了以下内容：

  "bin": {
    "yike-build": "dist/index.js"
  },

pnpm会在安装依赖时会先去扫描所有包的package.json中的bin进行注册，然后，将这个命令注册到node_modules下的.bin目录下，然后会此时进行判断此文件是否存在，此处因为时机比根路径的下的prepare钩子执行时机要早，dist文件尚未生成，因此会告警

报错（Command failed with exit code 1）的原因：
由于前面的bin注册前提，此次pnpm i的进程运行时，已经在内存中扫描注册结束了bin命令，所以此处只会读取本次运行内存中的bin指向，因为"yike-build": "dist/index.js"中的dist/index.js不存在，所以这里这个命令会是 undefined，因此执行出错，而第二次执行为什么成功？原因是因为此次再次执行了pnpm i，且因第一次已经生成了dist文件，因此本次运行内存中的bin指向是ok的，所以可以被安装成功。

命令位置：
根路径/package.json：

  "prepare": "pnpm --filter @yike/build build && pnpm gen:icon",

修复方案：
1.新增文件build/bin/index.js，内容如下：

function run() {
  return import('../dist/index.js');
}

run();

2.将build/package.json中，修改为以下内容：

  "bin": {
-    "yike-build": "dist/index.js"
+    "yike-build": "bin/index.js"
  },

3.删除所有的node_modules，运行测试即可

点击某个锚点后界面刷新刷新后页面没内容

点击刷新后内容都是空

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.